@mattermost/compass-ui 0.1.0-alpha.27 → 0.1.0-alpha.29

package/dist/components/text-area/TextArea.module.scss.js

@@ -1,16 +1,16 @@
 import './TextArea.css';const e = {
-  "text-area": "_text-area_15881_2",
-  "text-area__wrapper": "_text-area__wrapper_15881_8",
-  "text-area__input": "_text-area__input_15881_15",
-  "text-area__label": "_text-area__label_15881_25",
-  "text-area--label-floated": "_text-area--label-floated_15881_44",
-  "text-area__footer": "_text-area__footer_15881_75",
-  "text-area__footer-message": "_text-area__footer-message_15881_81",
-  "text-area__counter": "_text-area__counter_15881_85",
-  "text-area--size-small": "_text-area--size-small_15881_94",
-  "text-area--size-medium": "_text-area--size-medium_15881_109",
-  "text-area--size-large": "_text-area--size-large_15881_124",
-  "text-area--invalid": "_text-area--invalid_15881_146"
+  "text-area": "_text-area_cq6rq_13",
+  "text-area__wrapper": "_text-area__wrapper_cq6rq_19",
+  "text-area__input": "_text-area__input_cq6rq_26",
+  "text-area__label": "_text-area__label_cq6rq_36",
+  "text-area--label-floated": "_text-area--label-floated_cq6rq_55",
+  "text-area__footer": "_text-area__footer_cq6rq_86",
+  "text-area__footer-message": "_text-area__footer-message_cq6rq_92",
+  "text-area__counter": "_text-area__counter_cq6rq_96",
+  "text-area--size-small": "_text-area--size-small_cq6rq_105",
+  "text-area--size-medium": "_text-area--size-medium_cq6rq_120",
+  "text-area--size-large": "_text-area--size-large_cq6rq_136",
+  "text-area--invalid": "_text-area--invalid_cq6rq_158"
 };
 export {
   e as default

package/dist/components/text-input/TextInput.css

@@ -1 +1 @@
-._text-input_s99mk_2{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}._text-input__row_s99mk_8{display:flex;align-items:flex-start;gap:var(--spacing-xs);width:100%}._text-input__field_s99mk_14{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1 1 0;min-width:0}._text-input__trailing-action_s99mk_21{display:inline-flex;align-items:stretch;flex-shrink:0}._text-input__trailing-action_s99mk_21>*{box-sizing:border-box;height:var(--text-input-control-height);min-height:var(--text-input-control-height)}._text-input__wrapper_s99mk_31{position:relative;display:flex;flex-direction:column;min-height:0;background-color:var(--center-channel-bg);border-radius:var(--radius-s);box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.16);transition:box-shadow var(--duration-quick) var(--ease-transition);cursor:text}._text-input_s99mk_2:has(._text-input__input_s99mk_42:not(:disabled)):hover:not(:focus-within) ._text-input__wrapper_s99mk_31{box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.24)}._text-input_s99mk_2:has(._text-input__input_s99mk_42:focus-visible) ._text-input__wrapper_s99mk_31{box-shadow:inset 0 0 0 1px var(--focus-ring-color),0 0 0 1px var(--focus-ring-color)}._text-input_s99mk_2:has(._text-input__input_s99mk_42:disabled) ._text-input__wrapper_s99mk_31{background-color:var(--center-channel-bg);opacity:.56;cursor:not-allowed}._text-input__label_s99mk_53{position:absolute;left:var(--spacing-xs);top:50%;padding:0 var(--spacing-xxxs);transform:translateY(-50%);margin:0;font-family:Open Sans,sans-serif;font-size:var(--font-size-75);line-height:var(--line-height-25);font-weight:var(--font-weight-regular);color:rgba(var(--center-channel-color-rgb),.64);background-color:var(--center-channel-bg);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 24px);transition:transform var(--duration-quick) var(--ease-transition),font-size var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition),top var(--duration-quick) var(--ease-transition),left var(--duration-quick) var(--ease-transition)}._text-input--label-floated_s99mk_73 ._text-input__label_s99mk_53{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px;color:rgba(var(--center-channel-color-rgb),.64)}._text-input__inner_s99mk_80{display:flex;align-items:center;flex:1;width:100%;min-width:0;box-sizing:border-box;margin:0;cursor:text}._text-input__input_s99mk_42{flex:1 1 0;width:100%;min-width:0;min-height:100%;margin:0;padding:0;border:0;background:transparent;font-family:Open Sans,sans-serif;font-size:var(--font-size-75);line-height:var(--line-height-25);font-weight:var(--font-weight-regular);color:var(--center-channel-color)}._text-input__input_s99mk_42:focus{outline:none}._text-input__input_s99mk_42::placeholder{color:rgba(var(--center-channel-color-rgb),.64)}._text-input__leading-icon_s99mk_111,._text-input__trailing-icon_s99mk_111{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:rgba(var(--center-channel-color-rgb),.64)}._text-input__leading-icon_s99mk_111{margin-right:var(--spacing-xs)}._text-input__trailing-icon_s99mk_111{margin-left:var(--spacing-xs)}._text-input__footer_s99mk_124{display:flex;align-items:flex-start;gap:var(--spacing-xs);width:100%}._text-input__footer-message_s99mk_130{flex:1 1 0;min-width:0}._text-input__counter_s99mk_134{flex-shrink:0;margin-inline-start:auto;font-family:Open Sans,sans-serif;font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.64)}._text-input--size-small_s99mk_143{--text-input-control-height: 32px}._text-input--size-small_s99mk_143 ._text-input__wrapper_s99mk_31{min-height:var(--text-input-control-height)}._text-input--size-small_s99mk_143 ._text-input__inner_s99mk_80{padding:var(--spacing-xs) var(--spacing-m)}._text-input--size-small_s99mk_143 ._text-input__input_s99mk_42{font-size:var(--font-size-75);line-height:var(--line-height-25)}._text-input--size-small_s99mk_143._text-input--label-floated_s99mk_73 ._text-input__label_s99mk_53{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._text-input--size-medium_s99mk_162{--text-input-control-height: 40px}._text-input--size-medium_s99mk_162 ._text-input__wrapper_s99mk_31{min-height:var(--text-input-control-height)}._text-input--size-medium_s99mk_162 ._text-input__inner_s99mk_80{padding:var(--spacing-s) var(--spacing-l)}._text-input--size-medium_s99mk_162 ._text-input__input_s99mk_42{font-size:var(--font-size-100);line-height:var(--line-height-100)}._text-input--size-medium_s99mk_162 ._text-input__label_s99mk_53{font-size:var(--font-size-100);left:var(--spacing-m)}._text-input--size-medium_s99mk_162._text-input--label-floated_s99mk_73 ._text-input__label_s99mk_53{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._text-input--size-large_s99mk_185{--text-input-control-height: 48px}._text-input--size-large_s99mk_185 ._text-input__wrapper_s99mk_31{min-height:var(--text-input-control-height)}._text-input--size-large_s99mk_185 ._text-input__inner_s99mk_80{padding:var(--spacing-m) var(--spacing-l)}._text-input--size-large_s99mk_185 ._text-input__input_s99mk_42{font-size:var(--font-size-200);line-height:var(--line-height-200)}._text-input--size-large_s99mk_185 ._text-input__label_s99mk_53{font-size:var(--font-size-200);line-height:var(--line-height-200);left:var(--spacing-m)}._text-input--size-large_s99mk_185._text-input--label-floated_s99mk_73 ._text-input__label_s99mk_53{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._text-input--has-leading-icon_s99mk_209 ._text-input__label_s99mk_53{left:28px}._text-input--has-leading-icon_s99mk_209._text-input--label-floated_s99mk_73 ._text-input__label_s99mk_53{left:var(--spacing-xs)}._text-input--has-leading-icon_s99mk_209._text-input--size-medium_s99mk_162 ._text-input__label_s99mk_53,._text-input--has-leading-icon_s99mk_209._text-input--size-large_s99mk_185 ._text-input__label_s99mk_53{left:36px}._text-input--has-leading-icon_s99mk_209._text-input--size-medium_s99mk_162._text-input--label-floated_s99mk_73 ._text-input__label_s99mk_53,._text-input--has-leading-icon_s99mk_209._text-input--size-large_s99mk_185._text-input--label-floated_s99mk_73 ._text-input__label_s99mk_53{left:var(--spacing-m)}._text-input_s99mk_2:has(._text-input__input_s99mk_42:focus-visible) ._text-input__label_s99mk_53{color:var(--button-bg)}._text-input_s99mk_2:not(._text-input--label-floated_s99mk_73) ._text-input__label_s99mk_53~* ._text-input__input_s99mk_42::placeholder{color:transparent}._text-input--invalid_s99mk_227 ._text-input__wrapper_s99mk_31{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger))}._text-input--invalid_s99mk_227:has(._text-input__input_s99mk_42:focus-visible) ._text-input__wrapper_s99mk_31{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger)),0 0 0 1px var(--error-text, var(--color-danger))}._text-input--invalid_s99mk_227 ._text-input__label_s99mk_53{color:var(--error-text, var(--color-danger))}._text-input--invalid_s99mk_227:has(._text-input__input_s99mk_42:focus-visible) ._text-input__label_s99mk_53{color:var(--error-text, var(--color-danger))}
+._text-input_ikss5_13{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}._text-input__row_ikss5_19{display:flex;align-items:flex-start;gap:var(--spacing-xs);width:100%}._text-input__field_ikss5_25{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1 1 0;min-width:0}._text-input__trailing-action_ikss5_32{display:inline-flex;align-items:stretch;flex-shrink:0}._text-input__trailing-action_ikss5_32>*{box-sizing:border-box;height:var(--text-input-control-height);min-height:var(--text-input-control-height)}._text-input__wrapper_ikss5_42{position:relative;display:flex;flex-direction:column;min-height:0;background-color:var(--center-channel-bg);border-radius:var(--radius-s);box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.16);transition:box-shadow var(--duration-quick) var(--ease-transition);cursor:text}._text-input_ikss5_13:has(._text-input__input_ikss5_53:not(:disabled)):hover:not(:focus-within) ._text-input__wrapper_ikss5_42{box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.24)}._text-input_ikss5_13:has(._text-input__input_ikss5_53:focus-visible) ._text-input__wrapper_ikss5_42{box-shadow:inset 0 0 0 1px var(--focus-ring-color),0 0 0 1px var(--focus-ring-color)}._text-input_ikss5_13:has(._text-input__input_ikss5_53:disabled) ._text-input__wrapper_ikss5_42{background-color:var(--center-channel-bg);opacity:.56;cursor:not-allowed}._text-input__label_ikss5_64{position:absolute;left:var(--spacing-xs);top:50%;padding:0 var(--spacing-xxxs);transform:translateY(-50%);margin:0;font-family:var(--font-family-body);font-size:var(--font-size-75);line-height:var(--line-height-25);font-weight:var(--font-weight-regular);color:rgba(var(--center-channel-color-rgb),.64);background-color:var(--center-channel-bg);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 24px);transition:transform var(--duration-quick) var(--ease-transition),font-size var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition),top var(--duration-quick) var(--ease-transition),left var(--duration-quick) var(--ease-transition)}._text-input--label-floated_ikss5_84 ._text-input__label_ikss5_64{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:1.4;color:rgba(var(--center-channel-color-rgb),.64)}._text-input__inner_ikss5_91{display:flex;align-items:center;flex:1;width:100%;min-width:0;box-sizing:border-box;margin:0;cursor:text}._text-input__input_ikss5_53{flex:1 1 0;width:100%;min-width:0;min-height:100%;margin:0;padding:0;border:0;background:transparent;font-family:var(--font-family-body);font-size:var(--font-size-75);line-height:var(--line-height-25);font-weight:var(--font-weight-regular);color:var(--center-channel-color)}._text-input__input_ikss5_53:focus{outline:none}._text-input__input_ikss5_53::placeholder{color:rgba(var(--center-channel-color-rgb),.64)}._text-input__leading-icon_ikss5_122,._text-input__trailing-icon_ikss5_122{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:rgba(var(--center-channel-color-rgb),.64)}._text-input__leading-icon_ikss5_122{margin-right:var(--spacing-xs)}._text-input__trailing-icon_ikss5_122{margin-left:var(--spacing-xs)}._text-input__footer_ikss5_135{display:flex;align-items:flex-start;gap:var(--spacing-xs);width:100%}._text-input__footer-message_ikss5_141{flex:1 1 0;min-width:0}._text-input__counter_ikss5_145{flex-shrink:0;margin-inline-start:auto;font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.64)}._text-input--size-small_ikss5_154{--text-input-control-height: 32px}._text-input--size-small_ikss5_154 ._text-input__wrapper_ikss5_42{min-height:var(--text-input-control-height)}._text-input--size-small_ikss5_154 ._text-input__inner_ikss5_91{padding:var(--spacing-xs) var(--spacing-m)}._text-input--size-small_ikss5_154 ._text-input__input_ikss5_53{font-size:var(--font-size-75);line-height:var(--line-height-25)}._text-input--size-small_ikss5_154._text-input--label-floated_ikss5_84 ._text-input__label_ikss5_64{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:1.4}._text-input--size-medium_ikss5_173{--text-input-control-height: 40px}._text-input--size-medium_ikss5_173 ._text-input__wrapper_ikss5_42{min-height:var(--text-input-control-height)}._text-input--size-medium_ikss5_173 ._text-input__inner_ikss5_91{padding:var(--spacing-s) var(--spacing-l)}._text-input--size-medium_ikss5_173 ._text-input__input_ikss5_53{font-size:var(--font-size-100);line-height:var(--line-height-100)}._text-input--size-medium_ikss5_173 ._text-input__label_ikss5_64{font-size:var(--font-size-100);left:var(--spacing-m);line-height:var(--line-height-100)}._text-input--size-medium_ikss5_173._text-input--label-floated_ikss5_84 ._text-input__label_ikss5_64{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:1.4}._text-input--size-large_ikss5_197{--text-input-control-height: 48px}._text-input--size-large_ikss5_197 ._text-input__wrapper_ikss5_42{min-height:var(--text-input-control-height)}._text-input--size-large_ikss5_197 ._text-input__inner_ikss5_91{padding:var(--spacing-m) var(--spacing-l)}._text-input--size-large_ikss5_197 ._text-input__input_ikss5_53{font-size:var(--font-size-200);line-height:var(--line-height-200)}._text-input--size-large_ikss5_197 ._text-input__label_ikss5_64{font-size:var(--font-size-200);line-height:var(--line-height-200);left:var(--spacing-m)}._text-input--size-large_ikss5_197._text-input--label-floated_ikss5_84 ._text-input__label_ikss5_64{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:1.4}._text-input--has-leading-icon_ikss5_221 ._text-input__label_ikss5_64{left:28px}._text-input--has-leading-icon_ikss5_221._text-input--label-floated_ikss5_84 ._text-input__label_ikss5_64{left:var(--spacing-xs)}._text-input--has-leading-icon_ikss5_221._text-input--size-medium_ikss5_173 ._text-input__label_ikss5_64,._text-input--has-leading-icon_ikss5_221._text-input--size-large_ikss5_197 ._text-input__label_ikss5_64{left:36px}._text-input--has-leading-icon_ikss5_221._text-input--size-medium_ikss5_173._text-input--label-floated_ikss5_84 ._text-input__label_ikss5_64,._text-input--has-leading-icon_ikss5_221._text-input--size-large_ikss5_197._text-input--label-floated_ikss5_84 ._text-input__label_ikss5_64{left:var(--spacing-m)}._text-input_ikss5_13:has(._text-input__input_ikss5_53:focus-visible) ._text-input__label_ikss5_64{color:var(--button-bg)}._text-input_ikss5_13:not(._text-input--label-floated_ikss5_84) ._text-input__label_ikss5_64~* ._text-input__input_ikss5_53::placeholder{color:transparent}._text-input--invalid_ikss5_239 ._text-input__wrapper_ikss5_42{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger))}._text-input--invalid_ikss5_239:has(._text-input__input_ikss5_53:focus-visible) ._text-input__wrapper_ikss5_42{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger)),0 0 0 1px var(--error-text, var(--color-danger))}._text-input--invalid_ikss5_239 ._text-input__label_ikss5_64{color:var(--error-text, var(--color-danger))}._text-input--invalid_ikss5_239:has(._text-input__input_ikss5_53:focus-visible) ._text-input__label_ikss5_64{color:var(--error-text, var(--color-danger))}

package/dist/components/text-input/TextInput.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./TextInput.css');const t={"text-input":"_text-input_s99mk_2","text-input__row":"_text-input__row_s99mk_8","text-input__field":"_text-input__field_s99mk_14","text-input__trailing-action":"_text-input__trailing-action_s99mk_21","text-input__wrapper":"_text-input__wrapper_s99mk_31","text-input__input":"_text-input__input_s99mk_42","text-input__label":"_text-input__label_s99mk_53","text-input--label-floated":"_text-input--label-floated_s99mk_73","text-input__inner":"_text-input__inner_s99mk_80","text-input__leading-icon":"_text-input__leading-icon_s99mk_111","text-input__trailing-icon":"_text-input__trailing-icon_s99mk_111","text-input__footer":"_text-input__footer_s99mk_124","text-input__footer-message":"_text-input__footer-message_s99mk_130","text-input__counter":"_text-input__counter_s99mk_134","text-input--size-small":"_text-input--size-small_s99mk_143","text-input--size-medium":"_text-input--size-medium_s99mk_162","text-input--size-large":"_text-input--size-large_s99mk_185","text-input--has-leading-icon":"_text-input--has-leading-icon_s99mk_209","text-input--invalid":"_text-input--invalid_s99mk_227"};exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./TextInput.css');const t={"text-input":"_text-input_ikss5_13","text-input__row":"_text-input__row_ikss5_19","text-input__field":"_text-input__field_ikss5_25","text-input__trailing-action":"_text-input__trailing-action_ikss5_32","text-input__wrapper":"_text-input__wrapper_ikss5_42","text-input__input":"_text-input__input_ikss5_53","text-input__label":"_text-input__label_ikss5_64","text-input--label-floated":"_text-input--label-floated_ikss5_84","text-input__inner":"_text-input__inner_ikss5_91","text-input__leading-icon":"_text-input__leading-icon_ikss5_122","text-input__trailing-icon":"_text-input__trailing-icon_ikss5_122","text-input__footer":"_text-input__footer_ikss5_135","text-input__footer-message":"_text-input__footer-message_ikss5_141","text-input__counter":"_text-input__counter_ikss5_145","text-input--size-small":"_text-input--size-small_ikss5_154","text-input--size-medium":"_text-input--size-medium_ikss5_173","text-input--size-large":"_text-input--size-large_ikss5_197","text-input--has-leading-icon":"_text-input--has-leading-icon_ikss5_221","text-input--invalid":"_text-input--invalid_ikss5_239"};exports.default=t;
 //# sourceMappingURL=TextInput.module.scss.cjs.map

package/dist/components/text-input/TextInput.module.scss.js

@@ -1,23 +1,23 @@
 import './TextInput.css';const t = {
-  "text-input": "_text-input_s99mk_2",
-  "text-input__row": "_text-input__row_s99mk_8",
-  "text-input__field": "_text-input__field_s99mk_14",
-  "text-input__trailing-action": "_text-input__trailing-action_s99mk_21",
-  "text-input__wrapper": "_text-input__wrapper_s99mk_31",
-  "text-input__input": "_text-input__input_s99mk_42",
-  "text-input__label": "_text-input__label_s99mk_53",
-  "text-input--label-floated": "_text-input--label-floated_s99mk_73",
-  "text-input__inner": "_text-input__inner_s99mk_80",
-  "text-input__leading-icon": "_text-input__leading-icon_s99mk_111",
-  "text-input__trailing-icon": "_text-input__trailing-icon_s99mk_111",
-  "text-input__footer": "_text-input__footer_s99mk_124",
-  "text-input__footer-message": "_text-input__footer-message_s99mk_130",
-  "text-input__counter": "_text-input__counter_s99mk_134",
-  "text-input--size-small": "_text-input--size-small_s99mk_143",
-  "text-input--size-medium": "_text-input--size-medium_s99mk_162",
-  "text-input--size-large": "_text-input--size-large_s99mk_185",
-  "text-input--has-leading-icon": "_text-input--has-leading-icon_s99mk_209",
-  "text-input--invalid": "_text-input--invalid_s99mk_227"
+  "text-input": "_text-input_ikss5_13",
+  "text-input__row": "_text-input__row_ikss5_19",
+  "text-input__field": "_text-input__field_ikss5_25",
+  "text-input__trailing-action": "_text-input__trailing-action_ikss5_32",
+  "text-input__wrapper": "_text-input__wrapper_ikss5_42",
+  "text-input__input": "_text-input__input_ikss5_53",
+  "text-input__label": "_text-input__label_ikss5_64",
+  "text-input--label-floated": "_text-input--label-floated_ikss5_84",
+  "text-input__inner": "_text-input__inner_ikss5_91",
+  "text-input__leading-icon": "_text-input__leading-icon_ikss5_122",
+  "text-input__trailing-icon": "_text-input__trailing-icon_ikss5_122",
+  "text-input__footer": "_text-input__footer_ikss5_135",
+  "text-input__footer-message": "_text-input__footer-message_ikss5_141",
+  "text-input__counter": "_text-input__counter_ikss5_145",
+  "text-input--size-small": "_text-input--size-small_ikss5_154",
+  "text-input--size-medium": "_text-input--size-medium_ikss5_173",
+  "text-input--size-large": "_text-input--size-large_ikss5_197",
+  "text-input--has-leading-icon": "_text-input--has-leading-icon_ikss5_221",
+  "text-input--invalid": "_text-input--invalid_ikss5_239"
 };
 export {
   t as default

package/dist/components/thread-footer/ThreadFooter.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("../button/Button.cjs"),z=require("../icon/Icon.cjs"),__B=require("@mattermost/compass-icons/components/reply-outline.js"),B=__B?.default??__B,g=require("../mention-badge/MentionBadge.cjs"),M=require("../user-avatar-group/UserAvatarGroup.cjs"),a=require("./ThreadFooter.module.scss.cjs"),f=t=>`${t} ${t===1?"reply":"replies"}`,$=t=>`${t} mention${t===1?"":"s"}`;function w({replyCount:t=3,avatars:l=[],badge:r="none",mentionCount:o=1,following:s=!1,lastReplyTime:d,onReply:c,onFollowToggle:h,hovered:n=!1,className:_="",formatReplyCount:m=f,formatReplyLabel:j=f,formatMentionLabel:x=$,unreadLabel:p="Unread replies",followLabel:v="Follow",followingLabel:N="Following",followAriaLabel:b="Follow thread",unfollowAriaLabel:q="Unfollow thread",...y}){const F=[a.default["thread-footer"],s?a.default["thread-footer--following"]:"",n?a.default["thread-footer--hovered"]:"",_].filter(Boolean).join(" "),i=r==="mention"?x(o):r==="unread"?p:void 0;return e.jsx("div",{className:F,...y,children:e.jsxs("div",{className:a.default["thread-footer__inner"],children:[e.jsxs("div",{className:a.default["thread-footer__avatars-group"],children:[i&&e.jsx("span",{className:a.default["thread-footer__status-hint"],children:i}),(r==="unread"||r==="mention")&&e.jsxs("div",{className:a.default["thread-footer__badge-container"],"aria-hidden":!0,children:[r==="unread"&&e.jsx("span",{className:a.default["thread-footer__unread-dot"]}),r==="mention"&&e.jsx("span",{className:a.default["thread-footer__mention-badge"],children:e.jsx(g.default,{count:o,location:"channel",size:"medium"})})]}),l.length>0&&e.jsx(M.default,{avatars:l,max:3,size:"20"})]}),e.jsxs("div",{className:a.default["thread-footer__buttons"],children:[e.jsx(u.default,{emphasis:"quaternary",size:"x-small",className:[a.default["thread-footer__reply-btn"],n?a.default["thread-footer__reply-btn--hovered"]:""].filter(Boolean).join(" "),onClick:c,"aria-label":j(t),leadingIcon:e.jsx(z.default,{size:"12",glyph:e.jsx(B,{})}),children:e.jsx("span",{className:a.default["thread-footer__btn-label"],children:m(t)})}),e.jsx("div",{className:a.default["thread-footer__divider"],"aria-hidden":!0}),e.jsx(u.default,{emphasis:"quaternary",size:"x-small",className:[a.default["thread-footer__follow-btn"],s?a.default["thread-footer__follow-btn--following"]:""].filter(Boolean).join(" "),onClick:h,"aria-pressed":s,"aria-label":s?q:b,children:s?N:v}),s&&d&&e.jsxs("div",{className:a.default["thread-footer__last-reply-group"],children:[e.jsx("div",{className:a.default["thread-footer__divider"],"aria-hidden":!0}),e.jsx("span",{className:a.default["thread-footer__last-reply"],children:d})]})]})]})})}exports.default=w;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("../button/Button.cjs"),z=require("../icon/Icon.cjs"),__B=require("@mattermost/compass-icons/components/reply-outline.js"),B=__B?.default??__B,g=require("../mention-badge/MentionBadge.cjs"),M=require("../user-avatar-group/UserAvatarGroup.cjs"),a=require("./ThreadFooter.module.scss.cjs"),f=t=>`${t} ${t===1?"reply":"replies"}`,$=t=>`${t} mention${t===1?"":"s"}`;function w({replyCount:t=3,avatars:o=[],badge:r="none",mentionCount:l=1,following:s=!1,lastReplyTime:d,onReply:c,onFollowToggle:h,hovered:n=!1,className:_="",formatReplyCount:m=f,formatReplyLabel:j=f,formatMentionLabel:x=$,unreadLabel:p="Unread replies",followLabel:v="Follow",followingLabel:N="Following",followAriaLabel:q="Follow thread",unfollowAriaLabel:y="Unfollow thread",...b}){const F=[a.default["thread-footer"],s?a.default["thread-footer--following"]:"",n?a.default["thread-footer--hovered"]:"",_].filter(Boolean).join(" "),i=r==="mention"?x(l):r==="unread"?p:void 0;return e.jsx("div",{className:F,...b,children:e.jsxs("div",{className:a.default["thread-footer__inner"],children:[e.jsxs("div",{className:a.default["thread-footer__avatars-group"],children:[i&&e.jsx("span",{className:a.default["thread-footer__status-hint"],children:i}),(r==="unread"||r==="mention")&&e.jsxs("div",{className:a.default["thread-footer__badge-container"],"aria-hidden":!0,children:[r==="unread"&&e.jsx("span",{className:a.default["thread-footer__unread-dot"]}),r==="mention"&&e.jsx("span",{className:a.default["thread-footer__mention-badge"],children:e.jsx(g.default,{count:l,location:"channel",size:"medium"})})]}),o.length>0&&e.jsx(M.default,{avatars:o,max:3,size:"20"})]}),e.jsxs("div",{className:a.default["thread-footer__buttons"],children:[e.jsx(u.default,{emphasis:"quaternary",size:"x-small",className:[a.default["thread-footer__reply-btn"],n?a.default["thread-footer__reply-btn--hovered"]:""].filter(Boolean).join(" "),onClick:c,"aria-label":j(t),leadingIcon:e.jsx(z.default,{size:"12",glyph:e.jsx(B,{})}),children:m(t)}),e.jsx("div",{className:a.default["thread-footer__divider"],"aria-hidden":!0}),e.jsx(u.default,{emphasis:"quaternary",size:"x-small",className:[a.default["thread-footer__follow-btn"],s?a.default["thread-footer__follow-btn--following"]:""].filter(Boolean).join(" "),onClick:h,"aria-pressed":s,"aria-label":s?y:q,children:s?N:v}),s&&d&&e.jsxs("div",{className:a.default["thread-footer__last-reply-group"],children:[e.jsx("div",{className:a.default["thread-footer__divider"],"aria-hidden":!0}),e.jsx("span",{className:a.default["thread-footer__last-reply"],children:d})]})]})]})})}exports.default=w;
 //# sourceMappingURL=ThreadFooter.cjs.map

package/dist/components/thread-footer/ThreadFooter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadFooter.cjs","sources":["../../../src/components/thread-footer/ThreadFooter.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport Button from '@/components/button/Button';\nimport Icon from '@/components/icon/Icon';\nimport ReplyOutlineIcon from '@mattermost/compass-icons/components/reply-outline';\nimport MentionBadge from '@/components/mention-badge/MentionBadge';\nimport UserAvatarGroup, {\n  type UserAvatarGroupItem,\n} from '@/components/user-avatar-group/UserAvatarGroup';\nimport styles from './ThreadFooter.module.scss';\n\nexport type ThreadFooterBadge = 'none' | 'unread' | 'mention';\n\nexport interface ThreadFooterProps extends HTMLAttributes<HTMLDivElement> {\n  /** Reply count. Default: 3. */\n  replyCount?: number;\n  /** Participant avatars. Rendered with User Avatar Group (first 3 shown, overflow as +N). */\n  avatars?: UserAvatarGroupItem[];\n  /** Badge variant. Default: None. */\n  badge?: ThreadFooterBadge;\n  /** Shown when `badge` is Mention. Default: 1. */\n  mentionCount?: number;\n  /** Whether the current user is following the thread. Default: false. */\n  following?: boolean;\n  /** Last reply timestamp label. Shown on row hover when following. */\n  lastReplyTime?: ReactNode;\n  /** Called when Reply is clicked. */\n  onReply?: () => void;\n  /** Called when Follow/Following is clicked. */\n  onFollowToggle?: () => void;\n  /** Hover / active state for button highlight. Default: false. */\n  hovered?: boolean;\n  /** Optional CSS class name. */\n  className?: string;\n  /** Visible reply count. Default: `{count} reply` / `{count} replies`. */\n  formatReplyCount?: (count: number) => ReactNode;\n  /** Accessible name for the reply button. Default: `{count} reply` / `{count} replies`. */\n  formatReplyLabel?: (count: number) => string;\n  /** Visually hidden mention hint. Default: `{count} mention(s)`. */\n  formatMentionLabel?: (count: number) => ReactNode;\n  /** Visually hidden unread hint. Default: \"Unread replies\". */\n  unreadLabel?: ReactNode;\n  /** Visible follow button text when not following. Default: \"Follow\". */\n  followLabel?: ReactNode;\n  /** Visible follow button text when following. Default: \"Following\". */\n  followingLabel?: ReactNode;\n  /** Accessible name for the follow button when not following. Default: \"Follow thread\". */\n  followAriaLabel?: string;\n  /** Accessible name for the follow button when following. Default: \"Unfollow thread\". */\n  unfollowAriaLabel?: string;\n}\n\nconst defaultFormatReplies = (count: number) =>\n  `${count} ${count === 1 ? 'reply' : 'replies'}`;\nconst defaultFormatMentions = (count: number) =>\n  `${count} mention${count === 1 ? '' : 's'}`;\n\n/**\n * The Thread Footer is the reply summary bar at the bottom of a message. It shows\n * participants, reply count, follow state, and last-reply time — the information someone\n * needs to decide whether to dive in.\n */\nexport default function ThreadFooter({\n  replyCount = 3,\n  avatars = [],\n  badge = 'none',\n  mentionCount = 1,\n  following = false,\n  lastReplyTime,\n  onReply,\n  onFollowToggle,\n  hovered = false,\n  className = '',\n  formatReplyCount = defaultFormatReplies,\n  formatReplyLabel = defaultFormatReplies,\n  formatMentionLabel = defaultFormatMentions,\n  unreadLabel = 'Unread replies',\n  followLabel = 'Follow',\n  followingLabel = 'Following',\n  followAriaLabel = 'Follow thread',\n  unfollowAriaLabel = 'Unfollow thread',\n  ...rest\n}: ThreadFooterProps) {\n  const rootClass = [\n    styles['thread-footer'],\n    following ? styles['thread-footer--following'] : '',\n    hovered ? styles['thread-footer--hovered'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const badgeStatusHint =\n    badge === 'mention'\n      ? formatMentionLabel(mentionCount)\n      : badge === 'unread'\n        ? unreadLabel\n        : undefined;\n\n  return (\n    <div className={rootClass} {...rest}>\n      <div className={styles['thread-footer__inner']}>\n        <div className={styles['thread-footer__avatars-group']}>\n          {badgeStatusHint && (\n            <span className={styles['thread-footer__status-hint']}>\n              {badgeStatusHint}\n            </span>\n          )}\n          {(badge === 'unread' || badge === 'mention') && (\n            <div\n              className={styles['thread-footer__badge-container']}\n              aria-hidden\n            >\n              {badge === 'unread' && (\n                <span className={styles['thread-footer__unread-dot']} />\n              )}\n              {badge === 'mention' && (\n                <span className={styles['thread-footer__mention-badge']}>\n                  <MentionBadge\n                    count={mentionCount}\n                    location=\"channel\"\n                    size=\"medium\"\n                  />\n                </span>\n              )}\n            </div>\n          )}\n\n          {avatars.length > 0 && (\n            <UserAvatarGroup avatars={avatars} max={3} size=\"20\" />\n          )}\n        </div>\n\n        {/* Buttons */}\n        <div className={styles['thread-footer__buttons']}>\n          {/* Reply button */}\n          <Button\n            emphasis=\"quaternary\"\n            size=\"x-small\"\n            className={[\n              styles['thread-footer__reply-btn'],\n              hovered ? styles['thread-footer__reply-btn--hovered'] : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onClick={onReply}\n            aria-label={formatReplyLabel(replyCount)}\n            leadingIcon={<Icon size=\"12\" glyph={<ReplyOutlineIcon />} />}\n          >\n            <span className={styles['thread-footer__btn-label']}>\n              {formatReplyCount(replyCount)}\n            </span>\n          </Button>\n\n          <div className={styles['thread-footer__divider']} aria-hidden />\n\n          {/* Follow / Following button */}\n          <Button\n            emphasis=\"quaternary\"\n            size=\"x-small\"\n            className={[\n              styles['thread-footer__follow-btn'],\n              following ? styles['thread-footer__follow-btn--following'] : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onClick={onFollowToggle}\n            aria-pressed={following}\n            aria-label={following ? unfollowAriaLabel : followAriaLabel}\n          >\n            {following ? followingLabel : followLabel}\n          </Button>\n\n          {/* Last reply time — revealed on row hover when following */}\n          {following && lastReplyTime && (\n            <div className={styles['thread-footer__last-reply-group']}>\n              <div className={styles['thread-footer__divider']} aria-hidden />\n              <span className={styles['thread-footer__last-reply']}>\n                {lastReplyTime}\n              </span>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["defaultFormatReplies","count","defaultFormatMentions","ThreadFooter","replyCount","avatars","badge","mentionCount","following","lastReplyTime","onReply","onFollowToggle","hovered","className","formatReplyCount","formatReplyLabel","formatMentionLabel","unreadLabel","followLabel","followingLabel","followAriaLabel","unfollowAriaLabel","rest","rootClass","styles","badgeStatusHint","jsx","jsxs","MentionBadge","UserAvatarGroup","Button","Icon","ReplyOutlineIcon"],"mappings":"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"}
+{"version":3,"file":"ThreadFooter.cjs","sources":["../../../src/components/thread-footer/ThreadFooter.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport Button from '@/components/button/Button';\nimport Icon from '@/components/icon/Icon';\nimport ReplyOutlineIcon from '@mattermost/compass-icons/components/reply-outline';\nimport MentionBadge from '@/components/mention-badge/MentionBadge';\nimport UserAvatarGroup, {\n  type UserAvatarGroupItem,\n} from '@/components/user-avatar-group/UserAvatarGroup';\nimport styles from './ThreadFooter.module.scss';\n\nexport type ThreadFooterBadge = 'none' | 'unread' | 'mention';\n\nexport interface ThreadFooterProps extends HTMLAttributes<HTMLDivElement> {\n  /** Reply count. Default: 3. */\n  replyCount?: number;\n  /** Participant avatars. Rendered with User Avatar Group (first 3 shown, overflow as +N). */\n  avatars?: UserAvatarGroupItem[];\n  /** Badge variant. Default: None. */\n  badge?: ThreadFooterBadge;\n  /** Shown when `badge` is Mention. Default: 1. */\n  mentionCount?: number;\n  /** Whether the current user is following the thread. Default: false. */\n  following?: boolean;\n  /** Last reply timestamp label. Shown on row hover when following. */\n  lastReplyTime?: ReactNode;\n  /** Called when Reply is clicked. */\n  onReply?: () => void;\n  /** Called when Follow/Following is clicked. */\n  onFollowToggle?: () => void;\n  /** Hover / active state for button highlight. Default: false. */\n  hovered?: boolean;\n  /** Optional CSS class name. */\n  className?: string;\n  /** Visible reply count. Default: `{count} reply` / `{count} replies`. */\n  formatReplyCount?: (count: number) => ReactNode;\n  /** Accessible name for the reply button. Default: `{count} reply` / `{count} replies`. */\n  formatReplyLabel?: (count: number) => string;\n  /** Visually hidden mention hint. Default: `{count} mention(s)`. */\n  formatMentionLabel?: (count: number) => ReactNode;\n  /** Visually hidden unread hint. Default: \"Unread replies\". */\n  unreadLabel?: ReactNode;\n  /** Visible follow button text when not following. Default: \"Follow\". */\n  followLabel?: ReactNode;\n  /** Visible follow button text when following. Default: \"Following\". */\n  followingLabel?: ReactNode;\n  /** Accessible name for the follow button when not following. Default: \"Follow thread\". */\n  followAriaLabel?: string;\n  /** Accessible name for the follow button when following. Default: \"Unfollow thread\". */\n  unfollowAriaLabel?: string;\n}\n\nconst defaultFormatReplies = (count: number) =>\n  `${count} ${count === 1 ? 'reply' : 'replies'}`;\nconst defaultFormatMentions = (count: number) =>\n  `${count} mention${count === 1 ? '' : 's'}`;\n\n/**\n * The Thread Footer is the reply summary bar at the bottom of a message. It shows\n * participants, reply count, follow state, and last-reply time — the information someone\n * needs to decide whether to dive in.\n */\nexport default function ThreadFooter({\n  replyCount = 3,\n  avatars = [],\n  badge = 'none',\n  mentionCount = 1,\n  following = false,\n  lastReplyTime,\n  onReply,\n  onFollowToggle,\n  hovered = false,\n  className = '',\n  formatReplyCount = defaultFormatReplies,\n  formatReplyLabel = defaultFormatReplies,\n  formatMentionLabel = defaultFormatMentions,\n  unreadLabel = 'Unread replies',\n  followLabel = 'Follow',\n  followingLabel = 'Following',\n  followAriaLabel = 'Follow thread',\n  unfollowAriaLabel = 'Unfollow thread',\n  ...rest\n}: ThreadFooterProps) {\n  const rootClass = [\n    styles['thread-footer'],\n    following ? styles['thread-footer--following'] : '',\n    hovered ? styles['thread-footer--hovered'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const badgeStatusHint =\n    badge === 'mention'\n      ? formatMentionLabel(mentionCount)\n      : badge === 'unread'\n        ? unreadLabel\n        : undefined;\n\n  return (\n    <div className={rootClass} {...rest}>\n      <div className={styles['thread-footer__inner']}>\n        <div className={styles['thread-footer__avatars-group']}>\n          {badgeStatusHint && (\n            <span className={styles['thread-footer__status-hint']}>\n              {badgeStatusHint}\n            </span>\n          )}\n          {(badge === 'unread' || badge === 'mention') && (\n            <div\n              className={styles['thread-footer__badge-container']}\n              aria-hidden\n            >\n              {badge === 'unread' && (\n                <span className={styles['thread-footer__unread-dot']} />\n              )}\n              {badge === 'mention' && (\n                <span className={styles['thread-footer__mention-badge']}>\n                  <MentionBadge\n                    count={mentionCount}\n                    location=\"channel\"\n                    size=\"medium\"\n                  />\n                </span>\n              )}\n            </div>\n          )}\n\n          {avatars.length > 0 && (\n            <UserAvatarGroup avatars={avatars} max={3} size=\"20\" />\n          )}\n        </div>\n\n        {/* Buttons */}\n        <div className={styles['thread-footer__buttons']}>\n          {/* Reply button */}\n          <Button\n            emphasis=\"quaternary\"\n            size=\"x-small\"\n            className={[\n              styles['thread-footer__reply-btn'],\n              hovered ? styles['thread-footer__reply-btn--hovered'] : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onClick={onReply}\n            aria-label={formatReplyLabel(replyCount)}\n            leadingIcon={<Icon size=\"12\" glyph={<ReplyOutlineIcon />} />}\n          >\n            {formatReplyCount(replyCount)}\n          </Button>\n\n          <div className={styles['thread-footer__divider']} aria-hidden />\n\n          {/* Follow / Following button */}\n          <Button\n            emphasis=\"quaternary\"\n            size=\"x-small\"\n            className={[\n              styles['thread-footer__follow-btn'],\n              following ? styles['thread-footer__follow-btn--following'] : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onClick={onFollowToggle}\n            aria-pressed={following}\n            aria-label={following ? unfollowAriaLabel : followAriaLabel}\n          >\n            {following ? followingLabel : followLabel}\n          </Button>\n\n          {/* Last reply time — revealed on row hover when following */}\n          {following && lastReplyTime && (\n            <div className={styles['thread-footer__last-reply-group']}>\n              <div className={styles['thread-footer__divider']} aria-hidden />\n              <span className={styles['thread-footer__last-reply']}>\n                {lastReplyTime}\n              </span>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["defaultFormatReplies","count","defaultFormatMentions","ThreadFooter","replyCount","avatars","badge","mentionCount","following","lastReplyTime","onReply","onFollowToggle","hovered","className","formatReplyCount","formatReplyLabel","formatMentionLabel","unreadLabel","followLabel","followingLabel","followAriaLabel","unfollowAriaLabel","rest","rootClass","styles","badgeStatusHint","jsx","jsxs","MentionBadge","UserAvatarGroup","Button","Icon","ReplyOutlineIcon"],"mappings":"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"}

package/dist/components/thread-footer/ThreadFooter.css

@@ -1 +1 @@
-._thread-footer_17041_2{--thread-footer-focus-ring-color: var(--focus-ring-color);display:flex;flex-direction:column;align-items:flex-start}._thread-footer__inner_17041_8{position:relative;display:inline-flex;align-items:center;border-radius:var(--radius-s)}._thread-footer__avatars-group_17041_14{display:inline-flex;align-items:center;padding-right:var(--spacing-xxxs)}._thread-footer__status-hint_17041_19{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._thread-footer__badge-container_17041_30{position:absolute;left:calc(var(--spacing-xxs) * -1);top:50%;transform:translate(-100%,-50%);display:flex;align-items:center;justify-content:flex-end}._thread-footer__unread-dot_17041_39{display:block;width:8px;height:8px;border-radius:var(--radius-pill);background-color:var(--link-color)}._thread-footer__mention-badge_17041_46{display:inline-flex}._thread-footer__buttons_17041_49{display:inline-flex;align-items:center;gap:0}._thread-footer__reply-btn_17041_54,._thread-footer__follow-btn_17041_54{--focus-ring-color: var(--thread-footer-focus-ring-color)}._thread-footer_17041_2 ._thread-footer__reply-btn_17041_54[class*=button--emphasis-quaternary],._thread-footer_17041_2 ._thread-footer__follow-btn_17041_54:not(._thread-footer__follow-btn--following_17041_57)[class*=button--emphasis-quaternary]{--button-fg: rgba(var(--center-channel-color-rgb), .75)}._thread-footer_17041_2 ._thread-footer__reply-btn_17041_54[class*=button--emphasis-quaternary]:hover:not(:disabled),._thread-footer_17041_2 ._thread-footer__follow-btn_17041_54:not(._thread-footer__follow-btn--following_17041_57)[class*=button--emphasis-quaternary]:hover:not(:disabled){background-color:rgba(var(--center-channel-color-rgb),.08)}._thread-footer_17041_2 ._thread-footer__reply-btn--hovered_17041_63[class*=button--emphasis-quaternary]{background-color:rgba(var(--center-channel-color-rgb),.08)}._thread-footer_17041_2 ._thread-footer__follow-btn--following_17041_57[class*=button--emphasis-quaternary]{--button-fg: var(--link-color);background-color:rgba(var(--link-color-rgb),.08)}._thread-footer_17041_2 ._thread-footer__follow-btn--following_17041_57[class*=button--emphasis-quaternary]:hover:not(:disabled){background-color:rgba(var(--link-color-rgb),.12)}._thread-footer__btn-label_17041_73{font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:15px;white-space:nowrap}._thread-footer__divider_17041_80{box-sizing:border-box;width:1px;min-width:1px;max-width:1px;height:16px;padding:0;margin:0;border:0;background-color:rgba(var(--center-channel-color-rgb),.16);flex-shrink:0;transition:opacity var(--duration-quick) var(--ease-transition)}._thread-footer__buttons_17041_49:has(._thread-footer__follow-btn--following_17041_57)>._thread-footer__divider_17041_80:first-of-type,._thread-footer__buttons_17041_49:has(._thread-footer__follow-btn--following_17041_57)>._thread-footer__last-reply-group_17041_93>._thread-footer__divider_17041_80{opacity:0}._thread-footer__buttons_17041_49:not(:has(._thread-footer__follow-btn--following_17041_57)):has(._thread-footer__reply-btn_17041_54:hover,._thread-footer__reply-btn--hovered_17041_63,._thread-footer__reply-btn_17041_54:focus-visible,._thread-footer__follow-btn_17041_54:hover,._thread-footer__follow-btn_17041_54:focus-visible)>._thread-footer__divider_17041_80:first-of-type{opacity:0}._thread-footer__last-reply-group_17041_93{display:inline-flex;align-items:center;gap:0;overflow:hidden;max-width:0;opacity:0;transition:max-width var(--duration-quick) var(--ease-transition),opacity var(--duration-quick) var(--ease-transition)}._thread-footer--following_17041_112:hover ._thread-footer__last-reply-group_17041_93,._thread-footer--following_17041_112:focus-within ._thread-footer__last-reply-group_17041_93,._thread-footer--following_17041_112._thread-footer--hovered_17041_112 ._thread-footer__last-reply-group_17041_93{max-width:10rem;opacity:1}._thread-footer__last-reply_17041_93{padding:4.5px var(--spacing-s);color:rgba(var(--center-channel-color-rgb),.64);font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:15px;white-space:nowrap}
+._thread-footer_1beph_13{--thread-footer-focus-ring-color: var(--focus-ring-color);display:flex;flex-direction:column;align-items:flex-start}._thread-footer__inner_1beph_19{position:relative;display:inline-flex;align-items:center;border-radius:var(--radius-s)}._thread-footer__avatars-group_1beph_25{display:inline-flex;align-items:center;padding-right:var(--spacing-xxxs)}._thread-footer__status-hint_1beph_30{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._thread-footer__badge-container_1beph_41{position:absolute;left:calc(var(--spacing-xxs) * -1);top:50%;transform:translate(-100%,-50%);display:flex;align-items:center;justify-content:flex-end}._thread-footer__unread-dot_1beph_50{display:block;width:8px;height:8px;border-radius:var(--radius-pill);background-color:var(--link-color)}._thread-footer__mention-badge_1beph_57{display:inline-flex}._thread-footer__buttons_1beph_60{display:inline-flex;align-items:center;gap:0}._thread-footer__reply-btn_1beph_65,._thread-footer__follow-btn_1beph_65{--focus-ring-color: var(--thread-footer-focus-ring-color)}._thread-footer_1beph_13 ._thread-footer__reply-btn_1beph_65[class*=button--emphasis-quaternary],._thread-footer_1beph_13 ._thread-footer__follow-btn_1beph_65:not(._thread-footer__follow-btn--following_1beph_68)[class*=button--emphasis-quaternary]{--button-fg: rgba(var(--center-channel-color-rgb), .75)}._thread-footer_1beph_13 ._thread-footer__reply-btn_1beph_65[class*=button--emphasis-quaternary]:hover:not(:disabled),._thread-footer_1beph_13 ._thread-footer__follow-btn_1beph_65:not(._thread-footer__follow-btn--following_1beph_68)[class*=button--emphasis-quaternary]:hover:not(:disabled){background-color:rgba(var(--center-channel-color-rgb),.08)}._thread-footer_1beph_13 ._thread-footer__reply-btn--hovered_1beph_74[class*=button--emphasis-quaternary]{background-color:rgba(var(--center-channel-color-rgb),.08)}._thread-footer_1beph_13 ._thread-footer__follow-btn--following_1beph_68[class*=button--emphasis-quaternary]{--button-fg: var(--link-color);background-color:rgba(var(--link-color-rgb),.08)}._thread-footer_1beph_13 ._thread-footer__follow-btn--following_1beph_68[class*=button--emphasis-quaternary]:hover:not(:disabled){background-color:rgba(var(--link-color-rgb),.12)}._thread-footer__divider_1beph_84{box-sizing:border-box;width:1px;min-width:1px;max-width:1px;height:16px;padding:0;margin:0;border:0;background-color:rgba(var(--center-channel-color-rgb),.16);flex-shrink:0;transition:opacity var(--duration-quick) var(--ease-transition)}._thread-footer__buttons_1beph_60:has(._thread-footer__follow-btn--following_1beph_68)>._thread-footer__divider_1beph_84:first-of-type,._thread-footer__buttons_1beph_60:has(._thread-footer__follow-btn--following_1beph_68)>._thread-footer__last-reply-group_1beph_97>._thread-footer__divider_1beph_84{opacity:0}._thread-footer__buttons_1beph_60:not(:has(._thread-footer__follow-btn--following_1beph_68)):has(._thread-footer__reply-btn_1beph_65:hover,._thread-footer__reply-btn--hovered_1beph_74,._thread-footer__reply-btn_1beph_65:focus-visible,._thread-footer__follow-btn_1beph_65:hover,._thread-footer__follow-btn_1beph_65:focus-visible)>._thread-footer__divider_1beph_84:first-of-type{opacity:0}._thread-footer__last-reply-group_1beph_97{display:inline-flex;align-items:center;gap:0;overflow:hidden;max-width:0;opacity:0;transition:max-width var(--duration-quick) var(--ease-transition),opacity var(--duration-quick) var(--ease-transition)}._thread-footer--following_1beph_116:hover ._thread-footer__last-reply-group_1beph_97,._thread-footer--following_1beph_116:focus-within ._thread-footer__last-reply-group_1beph_97,._thread-footer--following_1beph_116._thread-footer--hovered_1beph_116 ._thread-footer__last-reply-group_1beph_97{max-width:10rem;opacity:1}._thread-footer__last-reply_1beph_97{padding:var(--spacing-xxxs) var(--spacing-xs);color:rgba(var(--center-channel-color-rgb),.64);font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-75);white-space:nowrap}

package/dist/components/thread-footer/ThreadFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadFooter.d.ts","sourceRoot":"","sources":["../../../src/components/thread-footer/ThreadFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvD,OAAwB,EACtB,KAAK,mBAAmB,EACzB,MAAM,8CAA8C,CAAC;AAGtD,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE9D,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,+BAA+B;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4FAA4F;IAC5F,OAAO,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAChC,oCAAoC;IACpC,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qEAAqE;IACrE,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAChD,0FAA0F;IAC1F,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,mEAAmE;IACnE,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAClD,8DAA8D;IAC9D,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,wEAAwE;IACxE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,uEAAuE;IACvE,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,0FAA0F;IAC1F,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wFAAwF;IACxF,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAOD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,UAAc,EACd,OAAY,EACZ,KAAc,EACd,YAAgB,EAChB,SAAiB,EACjB,aAAa,EACb,OAAO,EACP,cAAc,EACd,OAAe,EACf,SAAc,EACd,gBAAuC,EACvC,gBAAuC,EACvC,kBAA0C,EAC1C,WAA8B,EAC9B,WAAsB,EACtB,cAA4B,EAC5B,eAAiC,EACjC,iBAAqC,EACrC,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAwGnB"}
+{"version":3,"file":"ThreadFooter.d.ts","sourceRoot":"","sources":["../../../src/components/thread-footer/ThreadFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvD,OAAwB,EACtB,KAAK,mBAAmB,EACzB,MAAM,8CAA8C,CAAC;AAGtD,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE9D,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,+BAA+B;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4FAA4F;IAC5F,OAAO,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAChC,oCAAoC;IACpC,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qEAAqE;IACrE,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAChD,0FAA0F;IAC1F,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,mEAAmE;IACnE,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAClD,8DAA8D;IAC9D,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,wEAAwE;IACxE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,uEAAuE;IACvE,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,0FAA0F;IAC1F,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wFAAwF;IACxF,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAOD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,UAAc,EACd,OAAY,EACZ,KAAc,EACd,YAAgB,EAChB,SAAiB,EACjB,aAAa,EACb,OAAO,EACP,cAAc,EACd,OAAe,EACf,SAAc,EACd,gBAAuC,EACvC,gBAAuC,EACvC,kBAA0C,EAC1C,WAA8B,EAC9B,WAAsB,EACtB,cAA4B,EAC5B,eAAiC,EACjC,iBAAqC,EACrC,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAsGnB"}

package/dist/components/thread-footer/ThreadFooter.js

@@ -8,11 +8,11 @@ import e from "./ThreadFooter.module.scss.js";
 const c = (a) => `${a} ${a === 1 ? "reply" : "replies"}`, g = (a) => `${a} mention${a === 1 ? "" : "s"}`;
 function O({
   replyCount: a = 3,
-  avatars: s = [],
+  avatars: i = [],
   badge: o = "none",
-  mentionCount: l = 1,
+  mentionCount: s = 1,
   following: t = !1,
-  lastReplyTime: i,
+  lastReplyTime: l,
   onReply: f,
   onFollowToggle: _,
   hovered: d = !1,
@@ -21,9 +21,9 @@ function O({
   formatReplyLabel: N = c,
   formatMentionLabel: v = g,
   unreadLabel: y = "Unread replies",
-  followLabel: b = "Follow",
-  followingLabel: x = "Following",
-  followAriaLabel: F = "Follow thread",
+  followLabel: x = "Follow",
+  followingLabel: F = "Following",
+  followAriaLabel: b = "Follow thread",
   unfollowAriaLabel: j = "Unfollow thread",
   ...z
 }) {
@@ -32,7 +32,7 @@ function O({
     t ? e["thread-footer--following"] : "",
     d ? e["thread-footer--hovered"] : "",
     p
-  ].filter(Boolean).join(" "), h = o === "mention" ? v(l) : o === "unread" ? y : void 0;
+  ].filter(Boolean).join(" "), h = o === "mention" ? v(s) : o === "unread" ? y : void 0;
   return /* @__PURE__ */ r("div", { className: B, ...z, children: /* @__PURE__ */ n("div", { className: e["thread-footer__inner"], children: [
     /* @__PURE__ */ n("div", { className: e["thread-footer__avatars-group"], children: [
       h && /* @__PURE__ */ r("span", { className: e["thread-footer__status-hint"], children: h }),
@@ -46,7 +46,7 @@ function O({
             o === "mention" && /* @__PURE__ */ r("span", { className: e["thread-footer__mention-badge"], children: /* @__PURE__ */ r(
               I,
               {
-                count: l,
+                count: s,
                 location: "channel",
                 size: "medium"
               }
@@ -54,7 +54,7 @@ function O({
           ]
         }
       ),
-      s.length > 0 && /* @__PURE__ */ r(U, { avatars: s, max: 3, size: "20" })
+      i.length > 0 && /* @__PURE__ */ r(U, { avatars: i, max: 3, size: "20" })
     ] }),
     /* @__PURE__ */ n("div", { className: e["thread-footer__buttons"], children: [
       /* @__PURE__ */ r(
@@ -69,7 +69,7 @@ function O({
           onClick: f,
           "aria-label": N(a),
           leadingIcon: /* @__PURE__ */ r($, { size: "12", glyph: /* @__PURE__ */ r(w, {}) }),
-          children: /* @__PURE__ */ r("span", { className: e["thread-footer__btn-label"], children: u(a) })
+          children: u(a)
         }
       ),
       /* @__PURE__ */ r("div", { className: e["thread-footer__divider"], "aria-hidden": !0 }),
@@ -84,13 +84,13 @@ function O({
           ].filter(Boolean).join(" "),
           onClick: _,
           "aria-pressed": t,
-          "aria-label": t ? j : F,
-          children: t ? x : b
+          "aria-label": t ? j : b,
+          children: t ? F : x
         }
       ),
-      t && i && /* @__PURE__ */ n("div", { className: e["thread-footer__last-reply-group"], children: [
+      t && l && /* @__PURE__ */ n("div", { className: e["thread-footer__last-reply-group"], children: [
         /* @__PURE__ */ r("div", { className: e["thread-footer__divider"], "aria-hidden": !0 }),
-        /* @__PURE__ */ r("span", { className: e["thread-footer__last-reply"], children: i })
+        /* @__PURE__ */ r("span", { className: e["thread-footer__last-reply"], children: l })
       ] })
     ] })
   ] }) });

package/dist/components/thread-footer/ThreadFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadFooter.js","sources":["../../../src/components/thread-footer/ThreadFooter.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport Button from '@/components/button/Button';\nimport Icon from '@/components/icon/Icon';\nimport ReplyOutlineIcon from '@mattermost/compass-icons/components/reply-outline';\nimport MentionBadge from '@/components/mention-badge/MentionBadge';\nimport UserAvatarGroup, {\n  type UserAvatarGroupItem,\n} from '@/components/user-avatar-group/UserAvatarGroup';\nimport styles from './ThreadFooter.module.scss';\n\nexport type ThreadFooterBadge = 'none' | 'unread' | 'mention';\n\nexport interface ThreadFooterProps extends HTMLAttributes<HTMLDivElement> {\n  /** Reply count. Default: 3. */\n  replyCount?: number;\n  /** Participant avatars. Rendered with User Avatar Group (first 3 shown, overflow as +N). */\n  avatars?: UserAvatarGroupItem[];\n  /** Badge variant. Default: None. */\n  badge?: ThreadFooterBadge;\n  /** Shown when `badge` is Mention. Default: 1. */\n  mentionCount?: number;\n  /** Whether the current user is following the thread. Default: false. */\n  following?: boolean;\n  /** Last reply timestamp label. Shown on row hover when following. */\n  lastReplyTime?: ReactNode;\n  /** Called when Reply is clicked. */\n  onReply?: () => void;\n  /** Called when Follow/Following is clicked. */\n  onFollowToggle?: () => void;\n  /** Hover / active state for button highlight. Default: false. */\n  hovered?: boolean;\n  /** Optional CSS class name. */\n  className?: string;\n  /** Visible reply count. Default: `{count} reply` / `{count} replies`. */\n  formatReplyCount?: (count: number) => ReactNode;\n  /** Accessible name for the reply button. Default: `{count} reply` / `{count} replies`. */\n  formatReplyLabel?: (count: number) => string;\n  /** Visually hidden mention hint. Default: `{count} mention(s)`. */\n  formatMentionLabel?: (count: number) => ReactNode;\n  /** Visually hidden unread hint. Default: \"Unread replies\". */\n  unreadLabel?: ReactNode;\n  /** Visible follow button text when not following. Default: \"Follow\". */\n  followLabel?: ReactNode;\n  /** Visible follow button text when following. Default: \"Following\". */\n  followingLabel?: ReactNode;\n  /** Accessible name for the follow button when not following. Default: \"Follow thread\". */\n  followAriaLabel?: string;\n  /** Accessible name for the follow button when following. Default: \"Unfollow thread\". */\n  unfollowAriaLabel?: string;\n}\n\nconst defaultFormatReplies = (count: number) =>\n  `${count} ${count === 1 ? 'reply' : 'replies'}`;\nconst defaultFormatMentions = (count: number) =>\n  `${count} mention${count === 1 ? '' : 's'}`;\n\n/**\n * The Thread Footer is the reply summary bar at the bottom of a message. It shows\n * participants, reply count, follow state, and last-reply time — the information someone\n * needs to decide whether to dive in.\n */\nexport default function ThreadFooter({\n  replyCount = 3,\n  avatars = [],\n  badge = 'none',\n  mentionCount = 1,\n  following = false,\n  lastReplyTime,\n  onReply,\n  onFollowToggle,\n  hovered = false,\n  className = '',\n  formatReplyCount = defaultFormatReplies,\n  formatReplyLabel = defaultFormatReplies,\n  formatMentionLabel = defaultFormatMentions,\n  unreadLabel = 'Unread replies',\n  followLabel = 'Follow',\n  followingLabel = 'Following',\n  followAriaLabel = 'Follow thread',\n  unfollowAriaLabel = 'Unfollow thread',\n  ...rest\n}: ThreadFooterProps) {\n  const rootClass = [\n    styles['thread-footer'],\n    following ? styles['thread-footer--following'] : '',\n    hovered ? styles['thread-footer--hovered'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const badgeStatusHint =\n    badge === 'mention'\n      ? formatMentionLabel(mentionCount)\n      : badge === 'unread'\n        ? unreadLabel\n        : undefined;\n\n  return (\n    <div className={rootClass} {...rest}>\n      <div className={styles['thread-footer__inner']}>\n        <div className={styles['thread-footer__avatars-group']}>\n          {badgeStatusHint && (\n            <span className={styles['thread-footer__status-hint']}>\n              {badgeStatusHint}\n            </span>\n          )}\n          {(badge === 'unread' || badge === 'mention') && (\n            <div\n              className={styles['thread-footer__badge-container']}\n              aria-hidden\n            >\n              {badge === 'unread' && (\n                <span className={styles['thread-footer__unread-dot']} />\n              )}\n              {badge === 'mention' && (\n                <span className={styles['thread-footer__mention-badge']}>\n                  <MentionBadge\n                    count={mentionCount}\n                    location=\"channel\"\n                    size=\"medium\"\n                  />\n                </span>\n              )}\n            </div>\n          )}\n\n          {avatars.length > 0 && (\n            <UserAvatarGroup avatars={avatars} max={3} size=\"20\" />\n          )}\n        </div>\n\n        {/* Buttons */}\n        <div className={styles['thread-footer__buttons']}>\n          {/* Reply button */}\n          <Button\n            emphasis=\"quaternary\"\n            size=\"x-small\"\n            className={[\n              styles['thread-footer__reply-btn'],\n              hovered ? styles['thread-footer__reply-btn--hovered'] : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onClick={onReply}\n            aria-label={formatReplyLabel(replyCount)}\n            leadingIcon={<Icon size=\"12\" glyph={<ReplyOutlineIcon />} />}\n          >\n            <span className={styles['thread-footer__btn-label']}>\n              {formatReplyCount(replyCount)}\n            </span>\n          </Button>\n\n          <div className={styles['thread-footer__divider']} aria-hidden />\n\n          {/* Follow / Following button */}\n          <Button\n            emphasis=\"quaternary\"\n            size=\"x-small\"\n            className={[\n              styles['thread-footer__follow-btn'],\n              following ? styles['thread-footer__follow-btn--following'] : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onClick={onFollowToggle}\n            aria-pressed={following}\n            aria-label={following ? unfollowAriaLabel : followAriaLabel}\n          >\n            {following ? followingLabel : followLabel}\n          </Button>\n\n          {/* Last reply time — revealed on row hover when following */}\n          {following && lastReplyTime && (\n            <div className={styles['thread-footer__last-reply-group']}>\n              <div className={styles['thread-footer__divider']} aria-hidden />\n              <span className={styles['thread-footer__last-reply']}>\n                {lastReplyTime}\n              </span>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["defaultFormatReplies","count","defaultFormatMentions","ThreadFooter","replyCount","avatars","badge","mentionCount","following","lastReplyTime","onReply","onFollowToggle","hovered","className","formatReplyCount","formatReplyLabel","formatMentionLabel","unreadLabel","followLabel","followingLabel","followAriaLabel","unfollowAriaLabel","rest","rootClass","styles","badgeStatusHint","jsx","jsxs","MentionBadge","UserAvatarGroup","Button","Icon","ReplyOutlineIcon"],"mappings":"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"}
+{"version":3,"file":"ThreadFooter.js","sources":["../../../src/components/thread-footer/ThreadFooter.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport Button from '@/components/button/Button';\nimport Icon from '@/components/icon/Icon';\nimport ReplyOutlineIcon from '@mattermost/compass-icons/components/reply-outline';\nimport MentionBadge from '@/components/mention-badge/MentionBadge';\nimport UserAvatarGroup, {\n  type UserAvatarGroupItem,\n} from '@/components/user-avatar-group/UserAvatarGroup';\nimport styles from './ThreadFooter.module.scss';\n\nexport type ThreadFooterBadge = 'none' | 'unread' | 'mention';\n\nexport interface ThreadFooterProps extends HTMLAttributes<HTMLDivElement> {\n  /** Reply count. Default: 3. */\n  replyCount?: number;\n  /** Participant avatars. Rendered with User Avatar Group (first 3 shown, overflow as +N). */\n  avatars?: UserAvatarGroupItem[];\n  /** Badge variant. Default: None. */\n  badge?: ThreadFooterBadge;\n  /** Shown when `badge` is Mention. Default: 1. */\n  mentionCount?: number;\n  /** Whether the current user is following the thread. Default: false. */\n  following?: boolean;\n  /** Last reply timestamp label. Shown on row hover when following. */\n  lastReplyTime?: ReactNode;\n  /** Called when Reply is clicked. */\n  onReply?: () => void;\n  /** Called when Follow/Following is clicked. */\n  onFollowToggle?: () => void;\n  /** Hover / active state for button highlight. Default: false. */\n  hovered?: boolean;\n  /** Optional CSS class name. */\n  className?: string;\n  /** Visible reply count. Default: `{count} reply` / `{count} replies`. */\n  formatReplyCount?: (count: number) => ReactNode;\n  /** Accessible name for the reply button. Default: `{count} reply` / `{count} replies`. */\n  formatReplyLabel?: (count: number) => string;\n  /** Visually hidden mention hint. Default: `{count} mention(s)`. */\n  formatMentionLabel?: (count: number) => ReactNode;\n  /** Visually hidden unread hint. Default: \"Unread replies\". */\n  unreadLabel?: ReactNode;\n  /** Visible follow button text when not following. Default: \"Follow\". */\n  followLabel?: ReactNode;\n  /** Visible follow button text when following. Default: \"Following\". */\n  followingLabel?: ReactNode;\n  /** Accessible name for the follow button when not following. Default: \"Follow thread\". */\n  followAriaLabel?: string;\n  /** Accessible name for the follow button when following. Default: \"Unfollow thread\". */\n  unfollowAriaLabel?: string;\n}\n\nconst defaultFormatReplies = (count: number) =>\n  `${count} ${count === 1 ? 'reply' : 'replies'}`;\nconst defaultFormatMentions = (count: number) =>\n  `${count} mention${count === 1 ? '' : 's'}`;\n\n/**\n * The Thread Footer is the reply summary bar at the bottom of a message. It shows\n * participants, reply count, follow state, and last-reply time — the information someone\n * needs to decide whether to dive in.\n */\nexport default function ThreadFooter({\n  replyCount = 3,\n  avatars = [],\n  badge = 'none',\n  mentionCount = 1,\n  following = false,\n  lastReplyTime,\n  onReply,\n  onFollowToggle,\n  hovered = false,\n  className = '',\n  formatReplyCount = defaultFormatReplies,\n  formatReplyLabel = defaultFormatReplies,\n  formatMentionLabel = defaultFormatMentions,\n  unreadLabel = 'Unread replies',\n  followLabel = 'Follow',\n  followingLabel = 'Following',\n  followAriaLabel = 'Follow thread',\n  unfollowAriaLabel = 'Unfollow thread',\n  ...rest\n}: ThreadFooterProps) {\n  const rootClass = [\n    styles['thread-footer'],\n    following ? styles['thread-footer--following'] : '',\n    hovered ? styles['thread-footer--hovered'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const badgeStatusHint =\n    badge === 'mention'\n      ? formatMentionLabel(mentionCount)\n      : badge === 'unread'\n        ? unreadLabel\n        : undefined;\n\n  return (\n    <div className={rootClass} {...rest}>\n      <div className={styles['thread-footer__inner']}>\n        <div className={styles['thread-footer__avatars-group']}>\n          {badgeStatusHint && (\n            <span className={styles['thread-footer__status-hint']}>\n              {badgeStatusHint}\n            </span>\n          )}\n          {(badge === 'unread' || badge === 'mention') && (\n            <div\n              className={styles['thread-footer__badge-container']}\n              aria-hidden\n            >\n              {badge === 'unread' && (\n                <span className={styles['thread-footer__unread-dot']} />\n              )}\n              {badge === 'mention' && (\n                <span className={styles['thread-footer__mention-badge']}>\n                  <MentionBadge\n                    count={mentionCount}\n                    location=\"channel\"\n                    size=\"medium\"\n                  />\n                </span>\n              )}\n            </div>\n          )}\n\n          {avatars.length > 0 && (\n            <UserAvatarGroup avatars={avatars} max={3} size=\"20\" />\n          )}\n        </div>\n\n        {/* Buttons */}\n        <div className={styles['thread-footer__buttons']}>\n          {/* Reply button */}\n          <Button\n            emphasis=\"quaternary\"\n            size=\"x-small\"\n            className={[\n              styles['thread-footer__reply-btn'],\n              hovered ? styles['thread-footer__reply-btn--hovered'] : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onClick={onReply}\n            aria-label={formatReplyLabel(replyCount)}\n            leadingIcon={<Icon size=\"12\" glyph={<ReplyOutlineIcon />} />}\n          >\n            {formatReplyCount(replyCount)}\n          </Button>\n\n          <div className={styles['thread-footer__divider']} aria-hidden />\n\n          {/* Follow / Following button */}\n          <Button\n            emphasis=\"quaternary\"\n            size=\"x-small\"\n            className={[\n              styles['thread-footer__follow-btn'],\n              following ? styles['thread-footer__follow-btn--following'] : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onClick={onFollowToggle}\n            aria-pressed={following}\n            aria-label={following ? unfollowAriaLabel : followAriaLabel}\n          >\n            {following ? followingLabel : followLabel}\n          </Button>\n\n          {/* Last reply time — revealed on row hover when following */}\n          {following && lastReplyTime && (\n            <div className={styles['thread-footer__last-reply-group']}>\n              <div className={styles['thread-footer__divider']} aria-hidden />\n              <span className={styles['thread-footer__last-reply']}>\n                {lastReplyTime}\n              </span>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["defaultFormatReplies","count","defaultFormatMentions","ThreadFooter","replyCount","avatars","badge","mentionCount","following","lastReplyTime","onReply","onFollowToggle","hovered","className","formatReplyCount","formatReplyLabel","formatMentionLabel","unreadLabel","followLabel","followingLabel","followAriaLabel","unfollowAriaLabel","rest","rootClass","styles","badgeStatusHint","jsx","jsxs","MentionBadge","UserAvatarGroup","Button","Icon","ReplyOutlineIcon"],"mappings":"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"}

package/dist/components/thread-footer/ThreadFooter.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ThreadFooter.css');const e={"thread-footer":"_thread-footer_17041_2","thread-footer__inner":"_thread-footer__inner_17041_8","thread-footer__avatars-group":"_thread-footer__avatars-group_17041_14","thread-footer__status-hint":"_thread-footer__status-hint_17041_19","thread-footer__badge-container":"_thread-footer__badge-container_17041_30","thread-footer__unread-dot":"_thread-footer__unread-dot_17041_39","thread-footer__mention-badge":"_thread-footer__mention-badge_17041_46","thread-footer__buttons":"_thread-footer__buttons_17041_49","thread-footer__reply-btn":"_thread-footer__reply-btn_17041_54","thread-footer__follow-btn":"_thread-footer__follow-btn_17041_54","thread-footer__follow-btn--following":"_thread-footer__follow-btn--following_17041_57","thread-footer__reply-btn--hovered":"_thread-footer__reply-btn--hovered_17041_63","thread-footer__btn-label":"_thread-footer__btn-label_17041_73","thread-footer__divider":"_thread-footer__divider_17041_80","thread-footer__last-reply-group":"_thread-footer__last-reply-group_17041_93","thread-footer--following":"_thread-footer--following_17041_112","thread-footer--hovered":"_thread-footer--hovered_17041_112","thread-footer__last-reply":"_thread-footer__last-reply_17041_93"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ThreadFooter.css');const e={"thread-footer":"_thread-footer_1beph_13","thread-footer__inner":"_thread-footer__inner_1beph_19","thread-footer__avatars-group":"_thread-footer__avatars-group_1beph_25","thread-footer__status-hint":"_thread-footer__status-hint_1beph_30","thread-footer__badge-container":"_thread-footer__badge-container_1beph_41","thread-footer__unread-dot":"_thread-footer__unread-dot_1beph_50","thread-footer__mention-badge":"_thread-footer__mention-badge_1beph_57","thread-footer__buttons":"_thread-footer__buttons_1beph_60","thread-footer__reply-btn":"_thread-footer__reply-btn_1beph_65","thread-footer__follow-btn":"_thread-footer__follow-btn_1beph_65","thread-footer__follow-btn--following":"_thread-footer__follow-btn--following_1beph_68","thread-footer__reply-btn--hovered":"_thread-footer__reply-btn--hovered_1beph_74","thread-footer__divider":"_thread-footer__divider_1beph_84","thread-footer__last-reply-group":"_thread-footer__last-reply-group_1beph_97","thread-footer--following":"_thread-footer--following_1beph_116","thread-footer--hovered":"_thread-footer--hovered_1beph_116","thread-footer__last-reply":"_thread-footer__last-reply_1beph_97"};exports.default=e;
 //# sourceMappingURL=ThreadFooter.module.scss.cjs.map

package/dist/components/thread-footer/ThreadFooter.module.scss.js

@@ -1,24 +1,23 @@
-import './ThreadFooter.css';const _ = {
-  "thread-footer": "_thread-footer_17041_2",
-  "thread-footer__inner": "_thread-footer__inner_17041_8",
-  "thread-footer__avatars-group": "_thread-footer__avatars-group_17041_14",
-  "thread-footer__status-hint": "_thread-footer__status-hint_17041_19",
-  "thread-footer__badge-container": "_thread-footer__badge-container_17041_30",
-  "thread-footer__unread-dot": "_thread-footer__unread-dot_17041_39",
-  "thread-footer__mention-badge": "_thread-footer__mention-badge_17041_46",
-  "thread-footer__buttons": "_thread-footer__buttons_17041_49",
-  "thread-footer__reply-btn": "_thread-footer__reply-btn_17041_54",
-  "thread-footer__follow-btn": "_thread-footer__follow-btn_17041_54",
-  "thread-footer__follow-btn--following": "_thread-footer__follow-btn--following_17041_57",
-  "thread-footer__reply-btn--hovered": "_thread-footer__reply-btn--hovered_17041_63",
-  "thread-footer__btn-label": "_thread-footer__btn-label_17041_73",
-  "thread-footer__divider": "_thread-footer__divider_17041_80",
-  "thread-footer__last-reply-group": "_thread-footer__last-reply-group_17041_93",
-  "thread-footer--following": "_thread-footer--following_17041_112",
-  "thread-footer--hovered": "_thread-footer--hovered_17041_112",
-  "thread-footer__last-reply": "_thread-footer__last-reply_17041_93"
+import './ThreadFooter.css';const e = {
+  "thread-footer": "_thread-footer_1beph_13",
+  "thread-footer__inner": "_thread-footer__inner_1beph_19",
+  "thread-footer__avatars-group": "_thread-footer__avatars-group_1beph_25",
+  "thread-footer__status-hint": "_thread-footer__status-hint_1beph_30",
+  "thread-footer__badge-container": "_thread-footer__badge-container_1beph_41",
+  "thread-footer__unread-dot": "_thread-footer__unread-dot_1beph_50",
+  "thread-footer__mention-badge": "_thread-footer__mention-badge_1beph_57",
+  "thread-footer__buttons": "_thread-footer__buttons_1beph_60",
+  "thread-footer__reply-btn": "_thread-footer__reply-btn_1beph_65",
+  "thread-footer__follow-btn": "_thread-footer__follow-btn_1beph_65",
+  "thread-footer__follow-btn--following": "_thread-footer__follow-btn--following_1beph_68",
+  "thread-footer__reply-btn--hovered": "_thread-footer__reply-btn--hovered_1beph_74",
+  "thread-footer__divider": "_thread-footer__divider_1beph_84",
+  "thread-footer__last-reply-group": "_thread-footer__last-reply-group_1beph_97",
+  "thread-footer--following": "_thread-footer--following_1beph_116",
+  "thread-footer--hovered": "_thread-footer--hovered_1beph_116",
+  "thread-footer__last-reply": "_thread-footer__last-reply_1beph_97"
 };
 export {
-  _ as default
+  e as default
 };
 //# sourceMappingURL=ThreadFooter.module.scss.js.map

package/dist/components/thread-footer/ThreadFooter.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadFooter.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ThreadFooter.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/dist/components/thread-list-item/ThreadListItem.css

@@ -1 +1 @@
-._thread-list-item_5rzhy_2{position:relative;display:flex;flex-direction:column;align-items:flex-end;background-color:var(--center-channel-bg);border-bottom:1px solid rgba(var(--center-channel-color-rgb),.08)}._thread-list-item__actions_5rzhy_10{position:absolute;top:var(--spacing-m);right:var(--spacing-m);z-index:2}._thread-list-item_5rzhy_2:hover ._thread-list-item__timestamp_5rzhy_16,._thread-list-item_5rzhy_2:focus-within ._thread-list-item__timestamp_5rzhy_16{visibility:hidden}._thread-list-item__menu-button_5rzhy_19{display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--duration-quick) var(--ease-transition)}._thread-list-item_5rzhy_2:hover ._thread-list-item__menu-button_5rzhy_19,._thread-list-item_5rzhy_2:focus-within ._thread-list-item__menu-button_5rzhy_19{opacity:1;pointer-events:auto}._thread-list-item_5rzhy_2:not(:hover):not(:focus-within) ._thread-list-item__menu-button_5rzhy_19{pointer-events:none}._thread-list-item_5rzhy_2:hover:not(._thread-list-item--active_5rzhy_33),._thread-list-item_5rzhy_2:focus-within:not(._thread-list-item--active_5rzhy_33){background-color:rgba(var(--center-channel-color-rgb),.04)}._thread-list-item__main_5rzhy_36{position:relative;z-index:0;display:flex;flex-direction:column;align-items:flex-end;width:100%;padding:0;cursor:pointer;font:inherit;color:inherit;text-align:left;-webkit-user-select:text;user-select:text}._thread-list-item__main_5rzhy_36:focus{outline:none}._thread-list-item__main_5rzhy_36:focus-visible{box-shadow:inset 0 0 0 2px rgba(var(--center-channel-color-rgb),.32)}._thread-list-item--active_5rzhy_33{background-color:rgba(var(--button-bg-rgb),.04)}._thread-list-item--active_5rzhy_33:hover,._thread-list-item--active_5rzhy_33:focus-within{background-color:rgba(var(--button-bg-rgb),.08)}._thread-list-item__thread_5rzhy_62{display:flex;flex-direction:column;align-items:flex-start;padding:var(--spacing-l);width:100%}._thread-list-item__container_5rzhy_69{display:flex;flex-direction:column;gap:var(--spacing-s);align-items:flex-start;border-radius:var(--radius-s);width:100%}._thread-list-item__post-content_5rzhy_77{display:flex;gap:var(--spacing-xxxxs, 4px);align-items:flex-start;width:100%}._thread-list-item__gutter_5rzhy_83{position:relative;flex-shrink:0;width:8px;min-height:21px;display:flex;align-items:flex-start;justify-content:flex-start}._thread-list-item__unread-gutter_5rzhy_92{position:absolute;top:var(--spacing-xxs);left:-4px;display:flex;align-items:center;justify-content:center}._thread-list-item__unread-badge_5rzhy_100{position:static}._thread-list-item__mention-gutter_5rzhy_103{position:absolute;top:1px;left:-12px;display:flex;align-items:center;justify-content:center}._thread-list-item__post-body_5rzhy_111{display:flex;flex-direction:column;flex:1 0 0;align-items:flex-start;min-width:0}._thread-list-item__post-body-content_5rzhy_118{display:flex;flex-direction:column;gap:var(--spacing-xxxxs, 4px);align-items:flex-start;width:100%}._thread-list-item__name-row_5rzhy_125{position:relative;height:20px;width:100%;display:flex;align-items:center;justify-content:space-between;overflow:hidden}._thread-list-item__name-group_5rzhy_134{display:flex;gap:var(--spacing-xs);align-items:center;overflow:hidden}._thread-list-item__author_5rzhy_140{font-size:var(--font-size-100);font-weight:var(--font-weight-semibold);line-height:var(--line-height-100);color:var(--center-channel-color);white-space:nowrap;flex-shrink:0}._thread-list-item__status-hint_5rzhy_148{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._thread-list-item__timestamp_5rzhy_16{font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-25);color:rgba(var(--center-channel-color-rgb),.64);white-space:nowrap;flex-shrink:0}._thread-list-item__title-row_5rzhy_167{display:flex;align-items:center;width:100%}._thread-list-item__title_5rzhy_167{flex:1 0 0;font-size:var(--font-size-200);font-weight:var(--font-weight-semibold);line-height:var(--line-height-200);color:var(--center-channel-color);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}._thread-list-item__preview_5rzhy_183{font-size:var(--font-size-100);font-weight:var(--font-weight-regular);line-height:var(--line-height-100);color:var(--center-channel-color);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%}._thread-list-item__replies_5rzhy_194{display:flex;flex-direction:column;align-items:flex-start;padding-left:var(--spacing-m)}._thread-list-item__replies-inner_5rzhy_200{display:flex;align-items:center;gap:var(--spacing-xxxxs, 4px);min-height:24px;border-radius:var(--radius-s)}._thread-list-item__avatar-group_5rzhy_207{flex-shrink:0}._thread-list-item__reply-count_5rzhy_210{font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-25);color:rgba(var(--center-channel-color-rgb),.64);padding:4.5px var(--spacing-s)}
+._thread-list-item_1esnq_13{position:relative;display:flex;flex-direction:column;align-items:flex-end;background-color:var(--center-channel-bg);border-bottom:1px solid rgba(var(--center-channel-color-rgb),.08)}._thread-list-item__actions_1esnq_21{position:absolute;top:var(--spacing-m);right:var(--spacing-m);z-index:2}._thread-list-item_1esnq_13:hover ._thread-list-item__timestamp_1esnq_27,._thread-list-item_1esnq_13:focus-within ._thread-list-item__timestamp_1esnq_27{visibility:hidden}._thread-list-item__menu-button_1esnq_30{display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--duration-quick) var(--ease-transition)}._thread-list-item_1esnq_13:hover ._thread-list-item__menu-button_1esnq_30,._thread-list-item_1esnq_13:focus-within ._thread-list-item__menu-button_1esnq_30{opacity:1;pointer-events:auto}._thread-list-item_1esnq_13:not(:hover):not(:focus-within) ._thread-list-item__menu-button_1esnq_30{pointer-events:none}._thread-list-item_1esnq_13:hover:not(._thread-list-item--active_1esnq_44),._thread-list-item_1esnq_13:focus-within:not(._thread-list-item--active_1esnq_44){background-color:rgba(var(--center-channel-color-rgb),.04)}._thread-list-item__main_1esnq_47{position:relative;z-index:0;display:flex;flex-direction:column;align-items:flex-end;width:100%;padding:0;cursor:pointer;font:inherit;color:inherit;text-align:left;-webkit-user-select:text;user-select:text}._thread-list-item__main_1esnq_47:focus{outline:none}._thread-list-item__main_1esnq_47:focus-visible{box-shadow:inset 0 0 0 2px rgba(var(--center-channel-color-rgb),.32)}._thread-list-item--active_1esnq_44{background-color:rgba(var(--button-bg-rgb),.04)}._thread-list-item--active_1esnq_44:hover,._thread-list-item--active_1esnq_44:focus-within{background-color:rgba(var(--button-bg-rgb),.08)}._thread-list-item__thread_1esnq_73{display:flex;flex-direction:column;align-items:flex-start;padding:var(--spacing-l);width:100%}._thread-list-item__container_1esnq_80{display:flex;flex-direction:column;gap:var(--spacing-s);align-items:flex-start;border-radius:var(--radius-s);width:100%}._thread-list-item__post-content_1esnq_88{display:flex;gap:var(--spacing-xxxxs, 4px);align-items:flex-start;width:100%}._thread-list-item__gutter_1esnq_94{position:relative;flex-shrink:0;width:8px;min-height:21px;display:flex;align-items:flex-start;justify-content:flex-start}._thread-list-item__unread-gutter_1esnq_103{position:absolute;top:var(--spacing-xxs);left:-4px;display:flex;align-items:center;justify-content:center}._thread-list-item__unread-badge_1esnq_111{position:static}._thread-list-item__mention-gutter_1esnq_114{position:absolute;top:1px;left:-12px;display:flex;align-items:center;justify-content:center}._thread-list-item__post-body_1esnq_122{display:flex;flex-direction:column;flex:1 0 0;align-items:flex-start;min-width:0}._thread-list-item__post-body-content_1esnq_129{display:flex;flex-direction:column;gap:var(--spacing-xxxxs, 4px);align-items:flex-start;width:100%}._thread-list-item__name-row_1esnq_136{position:relative;height:20px;width:100%;display:flex;align-items:center;justify-content:space-between;overflow:hidden}._thread-list-item__name-group_1esnq_145{display:flex;gap:var(--spacing-xs);align-items:center;overflow:hidden}._thread-list-item__author_1esnq_151{font-size:var(--font-size-100);font-weight:var(--font-weight-semibold);line-height:var(--line-height-100);color:var(--center-channel-color);white-space:nowrap;flex-shrink:0}._thread-list-item__status-hint_1esnq_159{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._thread-list-item__timestamp_1esnq_27{font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-25);color:rgba(var(--center-channel-color-rgb),.64);white-space:nowrap;flex-shrink:0}._thread-list-item__title-row_1esnq_178{display:flex;align-items:center;width:100%}._thread-list-item__title_1esnq_178{flex:1 0 0;font-size:var(--font-size-200);font-weight:var(--font-weight-semibold);line-height:var(--line-height-200);color:var(--center-channel-color);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}._thread-list-item__preview_1esnq_194{font-size:var(--font-size-100);font-weight:var(--font-weight-regular);line-height:var(--line-height-100);color:var(--center-channel-color);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%}._thread-list-item__replies_1esnq_205{display:flex;flex-direction:column;align-items:flex-start;padding-left:var(--spacing-m)}._thread-list-item__replies-inner_1esnq_211{display:flex;align-items:center;gap:var(--spacing-xxxxs, 4px);min-height:24px;border-radius:var(--radius-s)}._thread-list-item__avatar-group_1esnq_218{flex-shrink:0}._thread-list-item__reply-count_1esnq_221{font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-25);color:rgba(var(--center-channel-color-rgb),.64);padding:4.5px var(--spacing-s)}

package/dist/components/thread-list-item/ThreadListItem.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ThreadListItem.css');const t={"thread-list-item":"_thread-list-item_5rzhy_2","thread-list-item__actions":"_thread-list-item__actions_5rzhy_10","thread-list-item__timestamp":"_thread-list-item__timestamp_5rzhy_16","thread-list-item__menu-button":"_thread-list-item__menu-button_5rzhy_19","thread-list-item--active":"_thread-list-item--active_5rzhy_33","thread-list-item__main":"_thread-list-item__main_5rzhy_36","thread-list-item__thread":"_thread-list-item__thread_5rzhy_62","thread-list-item__container":"_thread-list-item__container_5rzhy_69","thread-list-item__post-content":"_thread-list-item__post-content_5rzhy_77","thread-list-item__gutter":"_thread-list-item__gutter_5rzhy_83","thread-list-item__unread-gutter":"_thread-list-item__unread-gutter_5rzhy_92","thread-list-item__unread-badge":"_thread-list-item__unread-badge_5rzhy_100","thread-list-item__mention-gutter":"_thread-list-item__mention-gutter_5rzhy_103","thread-list-item__post-body":"_thread-list-item__post-body_5rzhy_111","thread-list-item__post-body-content":"_thread-list-item__post-body-content_5rzhy_118","thread-list-item__name-row":"_thread-list-item__name-row_5rzhy_125","thread-list-item__name-group":"_thread-list-item__name-group_5rzhy_134","thread-list-item__author":"_thread-list-item__author_5rzhy_140","thread-list-item__status-hint":"_thread-list-item__status-hint_5rzhy_148","thread-list-item__title-row":"_thread-list-item__title-row_5rzhy_167","thread-list-item__title":"_thread-list-item__title_5rzhy_167","thread-list-item__preview":"_thread-list-item__preview_5rzhy_183","thread-list-item__replies":"_thread-list-item__replies_5rzhy_194","thread-list-item__replies-inner":"_thread-list-item__replies-inner_5rzhy_200","thread-list-item__avatar-group":"_thread-list-item__avatar-group_5rzhy_207","thread-list-item__reply-count":"_thread-list-item__reply-count_5rzhy_210"};exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ThreadListItem.css');const t={"thread-list-item":"_thread-list-item_1esnq_13","thread-list-item__actions":"_thread-list-item__actions_1esnq_21","thread-list-item__timestamp":"_thread-list-item__timestamp_1esnq_27","thread-list-item__menu-button":"_thread-list-item__menu-button_1esnq_30","thread-list-item--active":"_thread-list-item--active_1esnq_44","thread-list-item__main":"_thread-list-item__main_1esnq_47","thread-list-item__thread":"_thread-list-item__thread_1esnq_73","thread-list-item__container":"_thread-list-item__container_1esnq_80","thread-list-item__post-content":"_thread-list-item__post-content_1esnq_88","thread-list-item__gutter":"_thread-list-item__gutter_1esnq_94","thread-list-item__unread-gutter":"_thread-list-item__unread-gutter_1esnq_103","thread-list-item__unread-badge":"_thread-list-item__unread-badge_1esnq_111","thread-list-item__mention-gutter":"_thread-list-item__mention-gutter_1esnq_114","thread-list-item__post-body":"_thread-list-item__post-body_1esnq_122","thread-list-item__post-body-content":"_thread-list-item__post-body-content_1esnq_129","thread-list-item__name-row":"_thread-list-item__name-row_1esnq_136","thread-list-item__name-group":"_thread-list-item__name-group_1esnq_145","thread-list-item__author":"_thread-list-item__author_1esnq_151","thread-list-item__status-hint":"_thread-list-item__status-hint_1esnq_159","thread-list-item__title-row":"_thread-list-item__title-row_1esnq_178","thread-list-item__title":"_thread-list-item__title_1esnq_178","thread-list-item__preview":"_thread-list-item__preview_1esnq_194","thread-list-item__replies":"_thread-list-item__replies_1esnq_205","thread-list-item__replies-inner":"_thread-list-item__replies-inner_1esnq_211","thread-list-item__avatar-group":"_thread-list-item__avatar-group_1esnq_218","thread-list-item__reply-count":"_thread-list-item__reply-count_1esnq_221"};exports.default=t;
 //# sourceMappingURL=ThreadListItem.module.scss.cjs.map

package/dist/components/thread-list-item/ThreadListItem.module.scss.js

@@ -1,30 +1,30 @@
 import './ThreadListItem.css';const t = {
-  "thread-list-item": "_thread-list-item_5rzhy_2",
-  "thread-list-item__actions": "_thread-list-item__actions_5rzhy_10",
-  "thread-list-item__timestamp": "_thread-list-item__timestamp_5rzhy_16",
-  "thread-list-item__menu-button": "_thread-list-item__menu-button_5rzhy_19",
-  "thread-list-item--active": "_thread-list-item--active_5rzhy_33",
-  "thread-list-item__main": "_thread-list-item__main_5rzhy_36",
-  "thread-list-item__thread": "_thread-list-item__thread_5rzhy_62",
-  "thread-list-item__container": "_thread-list-item__container_5rzhy_69",
-  "thread-list-item__post-content": "_thread-list-item__post-content_5rzhy_77",
-  "thread-list-item__gutter": "_thread-list-item__gutter_5rzhy_83",
-  "thread-list-item__unread-gutter": "_thread-list-item__unread-gutter_5rzhy_92",
-  "thread-list-item__unread-badge": "_thread-list-item__unread-badge_5rzhy_100",
-  "thread-list-item__mention-gutter": "_thread-list-item__mention-gutter_5rzhy_103",
-  "thread-list-item__post-body": "_thread-list-item__post-body_5rzhy_111",
-  "thread-list-item__post-body-content": "_thread-list-item__post-body-content_5rzhy_118",
-  "thread-list-item__name-row": "_thread-list-item__name-row_5rzhy_125",
-  "thread-list-item__name-group": "_thread-list-item__name-group_5rzhy_134",
-  "thread-list-item__author": "_thread-list-item__author_5rzhy_140",
-  "thread-list-item__status-hint": "_thread-list-item__status-hint_5rzhy_148",
-  "thread-list-item__title-row": "_thread-list-item__title-row_5rzhy_167",
-  "thread-list-item__title": "_thread-list-item__title_5rzhy_167",
-  "thread-list-item__preview": "_thread-list-item__preview_5rzhy_183",
-  "thread-list-item__replies": "_thread-list-item__replies_5rzhy_194",
-  "thread-list-item__replies-inner": "_thread-list-item__replies-inner_5rzhy_200",
-  "thread-list-item__avatar-group": "_thread-list-item__avatar-group_5rzhy_207",
-  "thread-list-item__reply-count": "_thread-list-item__reply-count_5rzhy_210"
+  "thread-list-item": "_thread-list-item_1esnq_13",
+  "thread-list-item__actions": "_thread-list-item__actions_1esnq_21",
+  "thread-list-item__timestamp": "_thread-list-item__timestamp_1esnq_27",
+  "thread-list-item__menu-button": "_thread-list-item__menu-button_1esnq_30",
+  "thread-list-item--active": "_thread-list-item--active_1esnq_44",
+  "thread-list-item__main": "_thread-list-item__main_1esnq_47",
+  "thread-list-item__thread": "_thread-list-item__thread_1esnq_73",
+  "thread-list-item__container": "_thread-list-item__container_1esnq_80",
+  "thread-list-item__post-content": "_thread-list-item__post-content_1esnq_88",
+  "thread-list-item__gutter": "_thread-list-item__gutter_1esnq_94",
+  "thread-list-item__unread-gutter": "_thread-list-item__unread-gutter_1esnq_103",
+  "thread-list-item__unread-badge": "_thread-list-item__unread-badge_1esnq_111",
+  "thread-list-item__mention-gutter": "_thread-list-item__mention-gutter_1esnq_114",
+  "thread-list-item__post-body": "_thread-list-item__post-body_1esnq_122",
+  "thread-list-item__post-body-content": "_thread-list-item__post-body-content_1esnq_129",
+  "thread-list-item__name-row": "_thread-list-item__name-row_1esnq_136",
+  "thread-list-item__name-group": "_thread-list-item__name-group_1esnq_145",
+  "thread-list-item__author": "_thread-list-item__author_1esnq_151",
+  "thread-list-item__status-hint": "_thread-list-item__status-hint_1esnq_159",
+  "thread-list-item__title-row": "_thread-list-item__title-row_1esnq_178",
+  "thread-list-item__title": "_thread-list-item__title_1esnq_178",
+  "thread-list-item__preview": "_thread-list-item__preview_1esnq_194",
+  "thread-list-item__replies": "_thread-list-item__replies_1esnq_205",
+  "thread-list-item__replies-inner": "_thread-list-item__replies-inner_1esnq_211",
+  "thread-list-item__avatar-group": "_thread-list-item__avatar-group_1esnq_218",
+  "thread-list-item__reply-count": "_thread-list-item__reply-count_1esnq_221"
 };
 export {
   t as default

package/dist/components/tile-button/TileButton.css

@@ -1 +1 @@
-._tile-button_yrpfx_2{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xxxs);width:108px;min-width:64px;max-width:100%;padding:var(--spacing-m) 0 var(--spacing-s);border:none;border-radius:var(--radius-s);background-color:rgba(var(--center-channel-color-rgb),.04);--tile-button-fg: rgba(var(--center-channel-color-rgb), .72);--tile-button-icon-fg: rgba(var(--center-channel-color-rgb), .64);color:var(--tile-button-fg);cursor:pointer;text-decoration:none;transition:background-color var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition),outline-color var(--duration-quick) var(--ease-transition),outline-offset var(--duration-quick) var(--ease-transition);outline:2px solid color-mix(in srgb,var(--focus-ring-color) 0%,transparent);outline-offset:0}._tile-button_yrpfx_2:any-link,._tile-button_yrpfx_2:hover,._tile-button_yrpfx_2:focus,._tile-button_yrpfx_2:active,._tile-button_yrpfx_2:visited{color:var(--tile-button-fg);text-decoration:none}._tile-button_yrpfx_2:focus-visible{outline-color:var(--focus-ring-color);outline-offset:3px}._tile-button_yrpfx_2:hover:not(:disabled,._tile-button--disabled_yrpfx_31){background-color:rgba(var(--center-channel-color-rgb),.08);--tile-button-fg: rgba(var(--center-channel-color-rgb), .75)}._tile-button_yrpfx_2:active:not(:disabled,._tile-button--disabled_yrpfx_31){background-color:rgba(var(--button-bg-rgb),.08);--tile-button-fg: var(--link-color)}._tile-button_yrpfx_2:is(:disabled,._tile-button--disabled_yrpfx_31){opacity:.48;cursor:not-allowed}._tile-button--toggled_yrpfx_43{--tile-button-fg: var(--link-color);background-color:rgba(var(--button-bg-rgb),.08)}._tile-button--toggled_yrpfx_43 ._tile-button__icon_yrpfx_47,._tile-button--toggled_yrpfx_43 ._tile-button__label_yrpfx_48{color:var(--link-color)}._tile-button--toggled_yrpfx_43:hover:not(:disabled,._tile-button--disabled_yrpfx_31){background-color:rgba(var(--button-bg-rgb),.12)}._tile-button--toggled_yrpfx_43:active:not(:disabled,._tile-button--disabled_yrpfx_31){background-color:rgba(var(--button-bg-rgb),.16)}._tile-button--destructive_yrpfx_57{--focus-ring-color: var(--error-text, var(--color-danger));--tile-button-fg: var(--error-text, var(--color-danger));background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.04)}._tile-button--destructive_yrpfx_57:hover:not(:disabled,._tile-button--disabled_yrpfx_31){background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.08);--tile-button-fg: var(--error-text, var(--color-danger))}._tile-button--destructive_yrpfx_57:active:not(:disabled,._tile-button--disabled_yrpfx_31){background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.16);--tile-button-fg: var(--error-text, var(--color-danger))}._tile-button_yrpfx_2:hover:not(:disabled,._tile-button--disabled_yrpfx_31),._tile-button_yrpfx_2:active:not(:disabled,._tile-button--disabled_yrpfx_31),._tile-button--toggled_yrpfx_43,._tile-button--destructive_yrpfx_57{--tile-button-icon-fg: initial}._tile-button__icon_yrpfx_47{display:flex;align-items:center;justify-content:center;width:var(--icon-size-20);height:var(--icon-size-20);flex-shrink:0;color:var(--tile-button-icon-fg, var(--tile-button-fg))}._tile-button__label_yrpfx_48{font-family:var(--font-family-body);font-size:var(--font-size-50);font-weight:var(--font-weight-semibold);line-height:var(--line-height-50);letter-spacing:.11px;box-sizing:border-box;max-width:100%;padding-inline:var(--tile-button-padding-inline, var(--spacing-xs));display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere;text-wrap:balance;white-space:normal;text-align:center;color:var(--tile-button-fg)}
+._tile-button_d4o4n_13{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xxxs);width:108px;min-width:64px;max-width:100%;padding:var(--spacing-m) 0 var(--spacing-s);border:none;border-radius:var(--radius-s);background-color:rgba(var(--center-channel-color-rgb),.04);--tile-button-fg: rgba(var(--center-channel-color-rgb), .72);--tile-button-icon-fg: rgba(var(--center-channel-color-rgb), .64);color:var(--tile-button-fg);cursor:pointer;text-decoration:none;outline:none}._tile-button_d4o4n_13:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:3px;animation:_focus-ring-in_d4o4n_1 var(--duration-quick) var(--ease-transition)}@media(prefers-reduced-motion:reduce){._tile-button_d4o4n_13:focus-visible{animation:none}}._tile-button_d4o4n_13:not(._-host-shadow-a_d4o4n_42):not(._-host-shadow-b_d4o4n_42){box-shadow:none;border-radius:var(--radius-s)}@keyframes _focus-ring-in_d4o4n_1{0%{outline-color:transparent;outline-offset:0}}._tile-button_d4o4n_13:any-link,._tile-button_d4o4n_13:hover,._tile-button_d4o4n_13:focus,._tile-button_d4o4n_13:active,._tile-button_d4o4n_13:visited{color:var(--tile-button-fg);text-decoration:none}._tile-button_d4o4n_13:hover:not([aria-pressed]),._tile-button_d4o4n_13:active:not([aria-pressed]){transition:background-color var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition)}._tile-button_d4o4n_13:hover:not(:disabled,._tile-button--disabled_d4o4n_59){background-color:rgba(var(--center-channel-color-rgb),.08);--tile-button-fg: rgba(var(--center-channel-color-rgb), .75)}._tile-button_d4o4n_13:active:not(:disabled,._tile-button--disabled_d4o4n_59){background-color:rgba(var(--button-bg-rgb),.08);--tile-button-fg: var(--link-color)}._tile-button_d4o4n_13:is(:disabled,._tile-button--disabled_d4o4n_59){opacity:.48;cursor:not-allowed}._tile-button--toggled_d4o4n_71{--tile-button-fg: var(--link-color);background-color:rgba(var(--button-bg-rgb),.08)}._tile-button--toggled_d4o4n_71 ._tile-button__icon_d4o4n_75,._tile-button--toggled_d4o4n_71 ._tile-button__label_d4o4n_76{color:var(--link-color)}._tile-button--toggled_d4o4n_71:hover:not(:disabled,._tile-button--disabled_d4o4n_59){background-color:rgba(var(--button-bg-rgb),.12)}._tile-button--toggled_d4o4n_71:active:not(:disabled,._tile-button--disabled_d4o4n_59){background-color:rgba(var(--button-bg-rgb),.16)}._tile-button--destructive_d4o4n_85{--focus-ring-color: var(--error-text, var(--color-danger));--tile-button-fg: var(--error-text, var(--color-danger));background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.04)}._tile-button--destructive_d4o4n_85:hover:not(:disabled,._tile-button--disabled_d4o4n_59){background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.08);--tile-button-fg: var(--error-text, var(--color-danger))}._tile-button--destructive_d4o4n_85:active:not(:disabled,._tile-button--disabled_d4o4n_59){background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.16);--tile-button-fg: var(--error-text, var(--color-danger))}._tile-button_d4o4n_13:hover:not(:disabled,._tile-button--disabled_d4o4n_59),._tile-button_d4o4n_13:active:not(:disabled,._tile-button--disabled_d4o4n_59),._tile-button--toggled_d4o4n_71,._tile-button--destructive_d4o4n_85{--tile-button-icon-fg: initial}._tile-button__icon_d4o4n_75{display:flex;align-items:center;justify-content:center;width:var(--icon-size-20);height:var(--icon-size-20);flex-shrink:0;color:var(--tile-button-icon-fg, var(--tile-button-fg))}._tile-button__label_d4o4n_76{font-family:var(--font-family-body);font-size:var(--font-size-50);font-weight:var(--font-weight-semibold);line-height:var(--line-height-50);letter-spacing:.11px;box-sizing:border-box;max-width:100%;padding-inline:var(--tile-button-padding-inline, var(--spacing-xs));display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere;text-wrap:balance;white-space:normal;text-align:center;color:var(--tile-button-fg)}

package/dist/components/tile-button/TileButton.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./TileButton.css');const t={"tile-button":"_tile-button_yrpfx_2","tile-button--disabled":"_tile-button--disabled_yrpfx_31","tile-button--toggled":"_tile-button--toggled_yrpfx_43","tile-button__icon":"_tile-button__icon_yrpfx_47","tile-button__label":"_tile-button__label_yrpfx_48","tile-button--destructive":"_tile-button--destructive_yrpfx_57"};exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./TileButton.css');const t={"tile-button":"_tile-button_d4o4n_13","tile-button--disabled":"_tile-button--disabled_d4o4n_59","tile-button--toggled":"_tile-button--toggled_d4o4n_71","tile-button__icon":"_tile-button__icon_d4o4n_75","tile-button__label":"_tile-button__label_d4o4n_76","tile-button--destructive":"_tile-button--destructive_d4o4n_85"};exports.default=t;
 //# sourceMappingURL=TileButton.module.scss.cjs.map