@homebound/beam 3.78.0 → 3.79.0

package/dist/index.cjs

@@ -15411,6 +15411,7 @@ function GridSelectCard(props) {
     layout,
     label,
     description,
+    tag,
     selected: isSelected = false,
     disabled: isDisabled = false,
     tooltip,
@@ -15431,6 +15432,12 @@ function GridSelectCard(props) {
       } : {}
     }), ...tid.img }) : icon && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Icon, { icon, inc: 4, color: isDisabled ? "--b-on-surface-disabled" /* OnSurfaceDisabled */ : "--b-on-surface" /* OnSurface */ }),
     /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("span", { className: "df fdc gap_4px w100", children: [
+      tag && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { ...(0, import_runtime55.trussProps)({
+        display: "df",
+        ...layout !== "horizontal" ? {
+          justifyContent: "jcc"
+        } : {}
+      }), children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Tag, { type: tag.type, text: tag.text, ...tid.tag }) }),
       /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { ...(0, import_runtime55.trussProps)({
         fontWeight: "fw6",
         fontSize: "fz_14px",
@@ -15500,6 +15507,7 @@ function ListSelectCard(props) {
   const {
     label,
     description,
+    tag,
     selected: isSelected = false,
     disabled: isDisabled = false,
     tooltip,
@@ -15529,7 +15537,8 @@ function ListSelectCard(props) {
             "--color": "var(--b-field-text-disabled)"
           }]
         } : {}
-      }), children: label })
+      }), children: label }),
+      tag && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Tag, { type: tag.type, text: tag.text, ...tid.tag })
     ] }),
     description && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { ...(0, import_runtime57.trussProps)({
       marginLeft: "ml3",
@@ -15552,7 +15561,7 @@ function ListSelectCard(props) {
 var import_jsx_runtime79 = require("react/jsx-runtime");
 function SelectCardCheckboxGroupItem(props) {
   const { option, groupState, isSelected, view, layout, ...others } = props;
-  const { label, description, disabled, tooltip, value } = option;
+  const { label, description, tag, disabled, tooltip, value } = option;
   const ref = (0, import_react66.useRef)(null);
   const { inputProps, isDisabled: isOptionDisabled } = (0, import_react_aria39.useCheckboxGroupItem)(
     { value: valueToKey(value), "aria-label": label, isDisabled: disabled ?? false },
@@ -15561,6 +15570,7 @@ function SelectCardCheckboxGroupItem(props) {
   );
   const layoutProps = {
     label,
+    tag,
     description,
     selected: isSelected,
     disabled: isOptionDisabled,
@@ -15572,7 +15582,16 @@ function SelectCardCheckboxGroupItem(props) {
     return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ListSelectCard, { ...layoutProps });
   }
   const gridOption = option;
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(GridSelectCard, { ...layoutProps, layout, icon: gridOption.icon, image: gridOption.image });
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+    GridSelectCard,
+    {
+      ...layoutProps,
+      layout,
+      icon: gridOption.icon,
+      image: gridOption.image,
+      tag: gridOption.tag
+    }
+  );
 }
 
 // src/inputs/SelectCard/utils.ts
@@ -15683,7 +15702,7 @@ var import_react_aria41 = require("react-aria");
 var import_jsx_runtime81 = require("react/jsx-runtime");
 function SelectCardRadioGroupItem(props) {
   const { option, groupState, isSelected, view, layout, ...others } = props;
-  const { label, description, disabled, tooltip, value } = option;
+  const { label, description, tag, disabled, tooltip, value } = option;
   const ref = (0, import_react68.useRef)(null);
   const { inputProps, isDisabled: isOptionDisabled } = (0, import_react_aria41.useRadio)(
     { value: valueToKey(value), "aria-label": label, isDisabled: disabled ?? false },
@@ -15692,6 +15711,7 @@ function SelectCardRadioGroupItem(props) {
   );
   const layoutProps = {
     label,
+    tag,
     description,
     selected: isSelected,
     disabled: isOptionDisabled,
@@ -15703,7 +15723,16 @@ function SelectCardRadioGroupItem(props) {
     return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ListSelectCard, { ...layoutProps });
   }
   const gridOption = option;
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(GridSelectCard, { ...layoutProps, layout, icon: gridOption.icon, image: gridOption.image });
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+    GridSelectCard,
+    {
+      ...layoutProps,
+      layout,
+      icon: gridOption.icon,
+      image: gridOption.image,
+      tag: gridOption.tag
+    }
+  );
 }
 
 // src/inputs/SelectCard/SelectCardGroup.tsx