@homebound/beam 4.23.0 → 4.23.1

package/dist/index.cjs

@@ -126,6 +126,7 @@ __export(index_exports, {
   FormPageLayout: () => FormPageLayout,
   FormRow: () => FormRow,
   FormSection: () => FormSection,
+  FormSectionChild: () => FormSectionChild,
   FormSectionLayout: () => FormSectionLayout,
   FullBleed: () => FullBleed,
   GridTable: () => GridTable,
@@ -15969,7 +15970,7 @@ function BannerActions(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "df aic g_1 fs0 sm_w100 sm_ord_3 sm_fb1", children: actions.map(({
     action,
     variant
-  }) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "df sm_fg1 sm_fb_0", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Button, { ...action, variant, fullWidth: true }) }, String(action.label))) });
+  }, index) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "df sm_fg1 sm_fb_0", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Button, { ...action, variant, fullWidth: true }) }, `${typeof action.label === "string" ? action.label : variant}-${index}`)) });
 }
 
 // src/components/StatusBanner/internal/BannerItem.tsx
@@ -15991,10 +15992,6 @@ function BannerItem(props) {
         alignItems: "aic",
         gap: "g_12px",
         flexWrap: "fww",
-        paddingTop: "pt2",
-        paddingBottom: "pb2",
-        paddingRight: "pr2",
-        paddingLeft: "pl2",
         backgroundColor: ["bgColor_var", {
           "--backgroundColor": "var(--b-surface)"
         }],
@@ -16211,7 +16208,7 @@ function BannerAccordion(props) {
         boxShadow: "bshFocus"
       }
     }), ...tid.toggle, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ExpandChevron, { expanded }) }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { id: detailsId, "aria-hidden": !expanded, inert: expanded ? void 0 : true, ...(0, import_runtime57.trussProps)(expandCollapsePanelStyles(contentHeight)), ...tid.details, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { ref: contentRef, children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(BannerItem, { ...item, isLast: i === items.length - 1, ...tid.item }, item.title)) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { id: detailsId, "aria-hidden": !expanded, inert: expanded ? void 0 : true, ...(0, import_runtime57.trussProps)(expandCollapsePanelStyles(contentHeight)), ...tid.details, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { ref: contentRef, children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(BannerItem, { ...item, isLast: i === items.length - 1, ...tid.item }, `${item.title}-${i}`)) }) })
   ] });
 }
 
@@ -16237,7 +16234,7 @@ function StatusBanner(props) {
       }
     }), role: "status", ...tid, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(BannerRow, { ...props, ...tid }) });
   }
-  if (props.items) return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(BannerAccordion, { ...props, items: props.items, ...tid });
+  if (props.items && props.items.length > 0) return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(BannerAccordion, { ...props, items: props.items, ...tid });
   return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { ...(0, import_runtime58.trussProps)({
     ...background,
     ...border,
@@ -31653,6 +31650,7 @@ var togglePressStyles = {
   FormPageLayout,
   FormRow,
   FormSection,
+  FormSectionChild,
   FormSectionLayout,
   FullBleed,
   GridTable,