@homebound/beam 3.78.0 → 3.80.0

package/dist/Css.json

@@ -2,7 +2,7 @@
   "increment": 8,
   "breakpoints": {"ifPrint":"@media print","ifSm":"@media screen and (max-width: 599px)","ifMd":"@media screen and (min-width: 600px) and (max-width: 1024px)","ifSmOrMd":"@media screen and (max-width: 1024px)","ifMdAndUp":"@media screen and (min-width: 600px)","ifMdAndDown":"@media screen and (max-width: 1024px)","ifLg":"@media screen and (min-width: 1025px)","ifMdOrLg":"@media screen and (min-width: 600px)"},
   "typography": ["xs2","xs2Sb","xs","xsSb","sm","smSb","md","mdSb","lg","xl","xl2"],
-  "tokens": {"ButtonCautionDisabledBg":"--b-button-caution-disabled-bg","ButtonCautionDisabledFg":"--b-button-caution-disabled-fg","ButtonDangerDisabledBg":"--b-button-danger-disabled-bg","ButtonDangerDisabledFg":"--b-button-danger-disabled-fg","ButtonGhostDisabledFg":"--b-button-ghost-disabled-fg","ButtonGhostFg":"--b-button-ghost-fg","ButtonPrimaryDisabledBg":"--b-button-primary-disabled-bg","ButtonPrimaryDisabledFg":"--b-button-primary-disabled-fg","ButtonSecondaryFg":"--b-button-secondary-fg","ButtonTertiaryFg":"--b-button-tertiary-fg","ButtonTertiaryFgPressed":"--b-button-tertiary-fg-pressed","ChoiceDisabled":"--b-choice-disabled","ChoiceSelected":"--b-choice-selected","Danger":"--b-danger","DangerPressed":"--b-danger-pressed","EnvBrandDev":"--b-env-brand-dev","EnvBrandLocalProd":"--b-env-brand-local-prod","EnvBrandProd":"--b-env-brand-prod","EnvBrandQa":"--b-env-brand-qa","FieldBgDefault":"--b-field-bg-default","FieldBgDisabled":"--b-field-bg-disabled","FieldBgHover":"--b-field-bg-hover","FieldBorderDefault":"--b-field-border-default","FieldBorderError":"--b-field-border-error","FieldBorderFocus":"--b-field-border-focus","FieldBorderHover":"--b-field-border-hover","FieldTextDisabled":"--b-field-text-disabled","FocusRingInset":"--b-focus-ring-inset","FocusRingMuted":"--b-focus-ring-muted","LoaderFill":"--b-loader-fill","LoaderSpinner":"--b-loader-spinner","LoaderTrack":"--b-loader-track","NavGlobalItemBgActive":"--b-nav-global-item-bg-active","NavGlobalItemBgHover":"--b-nav-global-item-bg-hover","NavGlobalItemBgPressed":"--b-nav-global-item-bg-pressed","NavGlobalText":"--b-nav-global-text","NavGlobalTextActive":"--b-nav-global-text-active","NavGlobalTextDisabled":"--b-nav-global-text-disabled","NavItemBgActive":"--b-nav-item-bg-active","NavItemBgHover":"--b-nav-item-bg-hover","NavItemBgPressed":"--b-nav-item-bg-pressed","NavText":"--b-nav-text","NavTextActive":"--b-nav-text-active","NavTextDisabled":"--b-nav-text-disabled","NavTextFocusVisible":"--b-nav-text-focus-visible","NavTextPressed":"--b-nav-text-pressed","NeutralFillHover":"--b-neutral-fill-hover","NeutralFillHoverStrong":"--b-neutral-fill-hover-strong","NeutralFillHoverSubtle":"--b-neutral-fill-hover-subtle","NeutralFillPressed":"--b-neutral-fill-pressed","NeutralSurfacePressed":"--b-neutral-surface-pressed","OnPrimary":"--b-on-primary","OnSurface":"--b-on-surface","OnSurfaceMuted":"--b-on-surface-muted","OnSurfaceDisabled":"--b-on-surface-disabled","OnSurfaceRaisedHover":"--b-on-surface-raised-hover","OnSurfaceRaisedPressed":"--b-on-surface-raised-pressed","Primary":"--b-primary","PrimaryHover":"--b-primary-hover","PrimaryPressed":"--b-primary-pressed","Scrim":"--b-scrim","SelectionFill":"--b-selection-fill","SelectionIndicator":"--b-selection-indicator","Surface":"--b-surface","SurfaceHover":"--b-surface-hover","SurfaceRaised":"--b-surface-raised","SurfaceRaisedHover":"--b-surface-raised-hover","SurfaceRaisedPressed":"--b-surface-raised-pressed","SurfaceDisabled":"--b-surface-disabled","SurfaceSeparator":"--b-surface-separator","SurfaceSubtle":"--b-surface-subtle","TextDisabled":"--b-text-disabled","TextHelper":"--b-text-helper","TextLabel":"--b-text-label","TextLinkDefault":"--b-text-link-default","TextLinkDisabled":"--b-text-link-disabled","TextLinkHover":"--b-text-link-hover","TextLinkPressed":"--b-text-link-pressed","TextPlaceholder":"--b-text-placeholder","TextSelection":"--b-text-selection"},
+  "tokens": {"AiFieldBg":"--b-ai-field-bg","AiFieldFg":"--b-ai-field-fg","ButtonCautionDisabledBg":"--b-button-caution-disabled-bg","ButtonCautionDisabledFg":"--b-button-caution-disabled-fg","ButtonDangerDisabledBg":"--b-button-danger-disabled-bg","ButtonDangerDisabledFg":"--b-button-danger-disabled-fg","ButtonGhostDisabledFg":"--b-button-ghost-disabled-fg","ButtonGhostFg":"--b-button-ghost-fg","ButtonPrimaryDisabledBg":"--b-button-primary-disabled-bg","ButtonPrimaryDisabledFg":"--b-button-primary-disabled-fg","ButtonSecondaryFg":"--b-button-secondary-fg","ButtonTertiaryFg":"--b-button-tertiary-fg","ButtonTertiaryFgPressed":"--b-button-tertiary-fg-pressed","ChoiceDisabled":"--b-choice-disabled","ChoiceSelected":"--b-choice-selected","Danger":"--b-danger","DangerPressed":"--b-danger-pressed","EnvBrandDev":"--b-env-brand-dev","EnvBrandLocalProd":"--b-env-brand-local-prod","EnvBrandProd":"--b-env-brand-prod","EnvBrandQa":"--b-env-brand-qa","FieldBgDefault":"--b-field-bg-default","FieldBgDisabled":"--b-field-bg-disabled","FieldBgHover":"--b-field-bg-hover","FieldBorderDefault":"--b-field-border-default","FieldBorderError":"--b-field-border-error","FieldBorderFocus":"--b-field-border-focus","FieldBorderHover":"--b-field-border-hover","FieldTextDisabled":"--b-field-text-disabled","FocusRingInset":"--b-focus-ring-inset","FocusRingMuted":"--b-focus-ring-muted","LoaderFill":"--b-loader-fill","LoaderSpinner":"--b-loader-spinner","LoaderTrack":"--b-loader-track","NavGlobalItemBgActive":"--b-nav-global-item-bg-active","NavGlobalItemBgHover":"--b-nav-global-item-bg-hover","NavGlobalItemBgPressed":"--b-nav-global-item-bg-pressed","NavGlobalText":"--b-nav-global-text","NavGlobalTextActive":"--b-nav-global-text-active","NavGlobalTextDisabled":"--b-nav-global-text-disabled","NavItemBgActive":"--b-nav-item-bg-active","NavItemBgHover":"--b-nav-item-bg-hover","NavItemBgPressed":"--b-nav-item-bg-pressed","NavText":"--b-nav-text","NavTextActive":"--b-nav-text-active","NavTextDisabled":"--b-nav-text-disabled","NavTextFocusVisible":"--b-nav-text-focus-visible","NavTextPressed":"--b-nav-text-pressed","NeutralFillHover":"--b-neutral-fill-hover","NeutralFillHoverStrong":"--b-neutral-fill-hover-strong","NeutralFillHoverSubtle":"--b-neutral-fill-hover-subtle","NeutralFillPressed":"--b-neutral-fill-pressed","NeutralSurfacePressed":"--b-neutral-surface-pressed","OnPrimary":"--b-on-primary","OnSurface":"--b-on-surface","OnSurfaceDisabled":"--b-on-surface-disabled","OnSurfaceMuted":"--b-on-surface-muted","OnSurfaceRaisedHover":"--b-on-surface-raised-hover","OnSurfaceRaisedPressed":"--b-on-surface-raised-pressed","Primary":"--b-primary","PrimaryHover":"--b-primary-hover","PrimaryPressed":"--b-primary-pressed","Scrim":"--b-scrim","SelectionFill":"--b-selection-fill","SelectionIndicator":"--b-selection-indicator","Surface":"--b-surface","SurfaceDisabled":"--b-surface-disabled","SurfaceHover":"--b-surface-hover","SurfaceRaised":"--b-surface-raised","SurfaceRaisedHover":"--b-surface-raised-hover","SurfaceRaisedPressed":"--b-surface-raised-pressed","SurfaceSeparator":"--b-surface-separator","SurfaceSubtle":"--b-surface-subtle","TextDisabled":"--b-text-disabled","TextHelper":"--b-text-helper","TextLabel":"--b-text-label","TextLinkDefault":"--b-text-link-default","TextLinkDisabled":"--b-text-link-disabled","TextLinkHover":"--b-text-link-hover","TextLinkPressed":"--b-text-link-pressed","TextPlaceholder":"--b-text-placeholder","TextSelection":"--b-text-selection"},
   "abbreviations": {
     "ba": {"kind":"static","defs":{"borderStyle":"solid","borderWidth":"1px"}},
     "bt": {"kind":"static","defs":{"borderTopStyle":"solid","borderTopWidth":"1px"}},
@@ -12,6 +12,7 @@
     "bn": {"kind":"static","defs":{"borderStyle":"none","borderWidth":"0"}},
     "bcWhite": {"kind":"static","defs":{"borderColor":"rgba(255, 255, 255, 1)"}},
     "bcTransparent": {"kind":"static","defs":{"borderColor":"rgba(0,0,0,0)"}},
+    "bcBlack": {"kind":"static","defs":{"borderColor":"rgba(0, 0, 0, 1)"}},
     "bcGray50": {"kind":"static","defs":{"borderColor":"rgba(255, 253, 253, 1)"}},
     "bcGray100": {"kind":"static","defs":{"borderColor":"rgba(247, 245, 245, 1)"}},
     "bcGray200": {"kind":"static","defs":{"borderColor":"rgba(236, 235, 235, 1)"}},
@@ -409,6 +410,7 @@
     "sbw": {"kind":"variable","props":["scrollbarWidth"],"incremented":false},
     "white": {"kind":"static","defs":{"color":"rgba(255, 255, 255, 1)"}},
     "transparent": {"kind":"static","defs":{"color":"rgba(0,0,0,0)"}},
+    "black": {"kind":"static","defs":{"color":"rgba(0, 0, 0, 1)"}},
     "gray50": {"kind":"static","defs":{"color":"rgba(255, 253, 253, 1)"}},
     "gray100": {"kind":"static","defs":{"color":"rgba(247, 245, 245, 1)"}},
     "gray200": {"kind":"static","defs":{"color":"rgba(236, 235, 235, 1)"}},
@@ -482,6 +484,7 @@
     "color": {"kind":"variable","props":["color"],"incremented":false},
     "bgWhite": {"kind":"static","defs":{"backgroundColor":"rgba(255, 255, 255, 1)"}},
     "bgTransparent": {"kind":"static","defs":{"backgroundColor":"rgba(0,0,0,0)"}},
+    "bgBlack": {"kind":"static","defs":{"backgroundColor":"rgba(0, 0, 0, 1)"}},
     "bgGray50": {"kind":"static","defs":{"backgroundColor":"rgba(255, 253, 253, 1)"}},
     "bgGray100": {"kind":"static","defs":{"backgroundColor":"rgba(247, 245, 245, 1)"}},
     "bgGray200": {"kind":"static","defs":{"backgroundColor":"rgba(236, 235, 235, 1)"}},
@@ -555,6 +558,7 @@
     "bgColor": {"kind":"variable","props":["backgroundColor"],"incremented":false},
     "fWhite": {"kind":"static","defs":{"fill":"rgba(255, 255, 255, 1)"}},
     "fTransparent": {"kind":"static","defs":{"fill":"rgba(0,0,0,0)"}},
+    "fBlack": {"kind":"static","defs":{"fill":"rgba(0, 0, 0, 1)"}},
     "fGray50": {"kind":"static","defs":{"fill":"rgba(255, 253, 253, 1)"}},
     "fGray100": {"kind":"static","defs":{"fill":"rgba(247, 245, 245, 1)"}},
     "fGray200": {"kind":"static","defs":{"fill":"rgba(236, 235, 235, 1)"}},
@@ -898,6 +902,9 @@
     "zInitial": {"kind":"static","defs":{"zIndex":"initial"}},
     "zUnset": {"kind":"static","defs":{"zIndex":"unset"}},
     "z": {"kind":"variable","props":["zIndex"],"incremented":false},
+    "aiBackground": {"kind":"static","defs":{"backgroundImage":"radial-gradient(40% 1000% at 35.83% 62.18%, rgba(239, 246, 255, 1) 0%, rgba(237, 233, 254, 1) 100%)"}},
+    "aiBoldBg": {"kind":"static","defs":{"backgroundImage":"linear-gradient(270deg, rgba(29, 78, 216, 1) 2.97%, rgba(109, 40, 217, 1) 87.08%)"}},
+    "aiBoldText": {"kind":"static","defs":{"color":"rgba(109, 40, 217, 1)","backgroundImage":"linear-gradient(270deg, rgba(29, 78, 216, 1) 2.97%, rgba(109, 40, 217, 1) 87.08%)","backgroundClip":"text","WebkitBackgroundClip":"text","WebkitTextFillColor":"transparent"}},
     "sansSerif": {"kind":"static","defs":{"fontFamily":"'Inter', sans-serif"}},
     "fontFamily": {"kind":"variable","props":["fontFamily"],"incremented":false},
     "br8": {"kind":"static","defs":{"borderRadius":"8px"}},

package/dist/index.cjs

@@ -403,6 +403,8 @@ module.exports = __toCommonJS(index_exports);
 // src/Css.ts
 var import_runtime = require("@homebound/truss/runtime");
 var Tokens = /* @__PURE__ */ ((Tokens4) => {
+  Tokens4["AiFieldBg"] = "--b-ai-field-bg";
+  Tokens4["AiFieldFg"] = "--b-ai-field-fg";
   Tokens4["ButtonCautionDisabledBg"] = "--b-button-caution-disabled-bg";
   Tokens4["ButtonCautionDisabledFg"] = "--b-button-caution-disabled-fg";
   Tokens4["ButtonDangerDisabledBg"] = "--b-button-danger-disabled-bg";
@@ -456,8 +458,8 @@ var Tokens = /* @__PURE__ */ ((Tokens4) => {
   Tokens4["NeutralSurfacePressed"] = "--b-neutral-surface-pressed";
   Tokens4["OnPrimary"] = "--b-on-primary";
   Tokens4["OnSurface"] = "--b-on-surface";
-  Tokens4["OnSurfaceMuted"] = "--b-on-surface-muted";
   Tokens4["OnSurfaceDisabled"] = "--b-on-surface-disabled";
+  Tokens4["OnSurfaceMuted"] = "--b-on-surface-muted";
   Tokens4["OnSurfaceRaisedHover"] = "--b-on-surface-raised-hover";
   Tokens4["OnSurfaceRaisedPressed"] = "--b-on-surface-raised-pressed";
   Tokens4["Primary"] = "--b-primary";
@@ -467,11 +469,11 @@ var Tokens = /* @__PURE__ */ ((Tokens4) => {
   Tokens4["SelectionFill"] = "--b-selection-fill";
   Tokens4["SelectionIndicator"] = "--b-selection-indicator";
   Tokens4["Surface"] = "--b-surface";
+  Tokens4["SurfaceDisabled"] = "--b-surface-disabled";
   Tokens4["SurfaceHover"] = "--b-surface-hover";
   Tokens4["SurfaceRaised"] = "--b-surface-raised";
   Tokens4["SurfaceRaisedHover"] = "--b-surface-raised-hover";
   Tokens4["SurfaceRaisedPressed"] = "--b-surface-raised-pressed";
-  Tokens4["SurfaceDisabled"] = "--b-surface-disabled";
   Tokens4["SurfaceSeparator"] = "--b-surface-separator";
   Tokens4["SurfaceSubtle"] = "--b-surface-subtle";
   Tokens4["TextDisabled"] = "--b-text-disabled";
@@ -523,6 +525,10 @@ var CssBuilder = class _CssBuilder {
   get bcTransparent() {
     return this.add("borderColor", "rgba(0,0,0,0)");
   }
+  /** Sets `borderColor: "rgba(0, 0, 0, 1)"`. */
+  get bcBlack() {
+    return this.add("borderColor", "rgba(0, 0, 0, 1)");
+  }
   /** Sets `borderColor: "rgba(255, 253, 253, 1)"`. */
   get bcGray50() {
     return this.add("borderColor", "rgba(255, 253, 253, 1)");
@@ -2183,6 +2189,10 @@ var CssBuilder = class _CssBuilder {
   get transparent() {
     return this.add("color", "rgba(0,0,0,0)");
   }
+  /** Sets `color: "rgba(0, 0, 0, 1)"`. */
+  get black() {
+    return this.add("color", "rgba(0, 0, 0, 1)");
+  }
   /** Sets `color: "rgba(255, 253, 253, 1)"`. */
   get gray50() {
     return this.add("color", "rgba(255, 253, 253, 1)");
@@ -2475,6 +2485,10 @@ var CssBuilder = class _CssBuilder {
   get bgTransparent() {
     return this.add("backgroundColor", "rgba(0,0,0,0)");
   }
+  /** Sets `backgroundColor: "rgba(0, 0, 0, 1)"`. */
+  get bgBlack() {
+    return this.add("backgroundColor", "rgba(0, 0, 0, 1)");
+  }
   /** Sets `backgroundColor: "rgba(255, 253, 253, 1)"`. */
   get bgGray50() {
     return this.add("backgroundColor", "rgba(255, 253, 253, 1)");
@@ -2767,6 +2781,10 @@ var CssBuilder = class _CssBuilder {
   get fTransparent() {
     return this.add("fill", "rgba(0,0,0,0)");
   }
+  /** Sets `fill: "rgba(0, 0, 0, 1)"`. */
+  get fBlack() {
+    return this.add("fill", "rgba(0, 0, 0, 1)");
+  }
   /** Sets `fill: "rgba(255, 253, 253, 1)"`. */
   get fGray50() {
     return this.add("fill", "rgba(255, 253, 253, 1)");
@@ -4221,6 +4239,28 @@ var CssBuilder = class _CssBuilder {
   z(value) {
     return this.add("zIndex", value);
   }
+  // ai
+  /** Sets `backgroundImage: "radial-gradient(40% 1000% at 35.83% 62.18%, rgba(239, 246, 255, 1) 0%, rgba(237, 233, 254, 1) 100%)"`. */
+  get aiBackground() {
+    return this.add(
+      "backgroundImage",
+      "radial-gradient(40% 1000% at 35.83% 62.18%, rgba(239, 246, 255, 1) 0%, rgba(237, 233, 254, 1) 100%)"
+    );
+  }
+  /** Sets `backgroundImage: "linear-gradient(270deg, rgba(29, 78, 216, 1) 2.97%, rgba(109, 40, 217, 1) 87.08%)"`. */
+  get aiBoldBg() {
+    return this.add(
+      "backgroundImage",
+      "linear-gradient(270deg, rgba(29, 78, 216, 1) 2.97%, rgba(109, 40, 217, 1) 87.08%)"
+    );
+  }
+  /** Sets `color: "rgba(109, 40, 217, 1)"; backgroundImage: "linear-gradient(270deg, rgba(29, 78, 216, 1) 2.97%, rgba(109, 40, 217, 1) 87.08%)"; backgroundClip: "text"; WebkitBackgroundClip: "text"; WebkitTextFillColor: "transparent"`. */
+  get aiBoldText() {
+    return this.add("color", "rgba(109, 40, 217, 1)").add(
+      "backgroundImage",
+      "linear-gradient(270deg, rgba(29, 78, 216, 1) 2.97%, rgba(109, 40, 217, 1) 87.08%)"
+    ).add("backgroundClip", "text").add("WebkitBackgroundClip", "text").add("WebkitTextFillColor", "transparent");
+  }
   // fontFamily
   /** Sets `fontFamily: "'Inter', sans-serif"`. */
   get sansSerif() {
@@ -4501,6 +4541,7 @@ function omitUndefinedValues(value) {
 var Palette = /* @__PURE__ */ ((Palette2) => {
   Palette2["White"] = "rgba(255, 255, 255, 1)";
   Palette2["Transparent"] = "rgba(0,0,0,0)";
+  Palette2["Black"] = "rgba(0, 0, 0, 1)";
   Palette2["Gray50"] = "rgba(255, 253, 253, 1)";
   Palette2["Gray100"] = "rgba(247, 245, 245, 1)";
   Palette2["Gray200"] = "rgba(236, 235, 235, 1)";
@@ -10806,6 +10847,37 @@ function getButtonStyles(variant, size) {
   };
 }
 var variantStyles2 = {
+  // Design applies their "AI Bold" ramp to the existing primary button. They haven't specified
+  // hover/pressed/disabled, so those ramps are extrapolated from it rather than design-sourced.
+  ai: {
+    baseStyles: {
+      backgroundImage: "aiBoldBg",
+      color: ["color_var", {
+        "--color": "var(--b-on-primary)"
+      }]
+    },
+    hoverStyles: {
+      backgroundImage: ["backgroundImage_var", {
+        "--backgroundImage": (0, import_runtime31.maybeCssVar)(`linear-gradient(270deg, ${"rgba(30, 64, 175, 1)" /* Blue800 */}, ${"rgba(91, 33, 182, 1)" /* Purple800 */})`)
+      }]
+    },
+    pressedStyles: {
+      backgroundImage: ["backgroundImage_var", {
+        "--backgroundImage": (0, import_runtime31.maybeCssVar)(`linear-gradient(270deg, ${"rgba(30, 58, 138, 1)" /* Blue900 */}, ${"rgba(76, 29, 149, 1)" /* Purple900 */})`)
+      }]
+    },
+    disabledStyles: {
+      backgroundImage: ["backgroundImage_var", {
+        "--backgroundImage": (0, import_runtime31.maybeCssVar)(`linear-gradient(270deg, ${"rgba(191, 219, 254, 1)" /* Blue200 */}, ${"rgba(221, 214, 254, 1)" /* Purple200 */})`)
+      }],
+      color: ["color_var", {
+        "--color": "var(--b-button-primary-disabled-fg)"
+      }]
+    },
+    focusStyles: {
+      boxShadow: "bshFocus"
+    }
+  },
   primary: {
     baseStyles: {
       backgroundColor: ["bgColor_var", {
@@ -15411,6 +15483,7 @@ function GridSelectCard(props) {
     layout,
     label,
     description,
+    tag,
     selected: isSelected = false,
     disabled: isDisabled = false,
     tooltip,
@@ -15431,6 +15504,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 +15579,7 @@ function ListSelectCard(props) {
   const {
     label,
     description,
+    tag,
     selected: isSelected = false,
     disabled: isDisabled = false,
     tooltip,
@@ -15529,7 +15609,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 +15633,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 +15642,7 @@ function SelectCardCheckboxGroupItem(props) {
   );
   const layoutProps = {
     label,
+    tag,
     description,
     selected: isSelected,
     disabled: isOptionDisabled,
@@ -15572,7 +15654,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 +15774,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 +15783,7 @@ function SelectCardRadioGroupItem(props) {
   );
   const layoutProps = {
     label,
+    tag,
     description,
     selected: isSelected,
     disabled: isOptionDisabled,
@@ -15703,7 +15795,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