@mattermost/compass-ui 0.1.0-alpha.26 → 0.1.0-alpha.28

package/dist/components/pinned-saved-indicators/PinnedSavedIndicators.module.scss.js

@@ -1,11 +1,11 @@
-import './PinnedSavedIndicators.css';const s = {
-  "pinned-saved-indicators": "_pinned-saved-indicators_xrsyx_2",
-  "pinned-saved-indicators__icons": "_pinned-saved-indicators__icons_xrsyx_6",
-  "pinned-saved-indicators__labels": "_pinned-saved-indicators__labels_xrsyx_14",
-  "pinned-saved-indicators__label": "_pinned-saved-indicators__label_xrsyx_14",
-  "pinned-saved-indicators__sep": "_pinned-saved-indicators__sep_xrsyx_28"
+import './PinnedSavedIndicators.css';const n = {
+  "pinned-saved-indicators": "_pinned-saved-indicators_h2nuh_13",
+  "pinned-saved-indicators__icons": "_pinned-saved-indicators__icons_h2nuh_17",
+  "pinned-saved-indicators__labels": "_pinned-saved-indicators__labels_h2nuh_25",
+  "pinned-saved-indicators__label": "_pinned-saved-indicators__label_h2nuh_25",
+  "pinned-saved-indicators__sep": "_pinned-saved-indicators__sep_h2nuh_39"
 };
 export {
-  s as default
+  n as default
 };
 //# sourceMappingURL=PinnedSavedIndicators.module.scss.js.map

package/dist/components/popover-menu/PopoverMenu.css

@@ -1 +1 @@
-._popover-menu_1ato7_2{display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box;min-width:212px;max-width:496px;width:max-content;padding:var(--spacing-xs) 0;background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.16);border-radius:var(--radius-m);color:var(--center-channel-color)}._popover-menu_1ato7_2:has(>._popover-menu__scroll_1ato7_16){padding:0;overflow:hidden}._popover-menu_1ato7_2:has(>._popover-menu__scroll_1ato7_16)>._popover-menu__title_1ato7_20:first-child{margin-top:var(--spacing-xs)}._popover-menu--parent_1ato7_23{box-shadow:var(--elevation-4)}._popover-menu--child_1ato7_26{box-shadow:var(--elevation-5)}._popover-menu--transition_1ato7_29{opacity:0;transform:scale(.9);transform-origin:top left;pointer-events:none;transition:opacity var(--duration-quick) var(--ease-exit),transform var(--duration-quick) var(--ease-exit)}@media(prefers-reduced-motion:reduce){._popover-menu--transition_1ato7_29{transform:none;transition:none}}._popover-menu--visible_1ato7_42{opacity:1;transform:scale(1);pointer-events:auto;transition:opacity var(--duration-quick) var(--ease-entrance),transform var(--duration-quick) var(--ease-entrance)}@media(prefers-reduced-motion:reduce){._popover-menu--visible_1ato7_42{transform:none;transition:none}}._popover-menu__scroll_1ato7_16{min-height:0}._popover-menu__scroll-content_1ato7_57{padding:var(--spacing-xs) 0}._popover-menu__title_1ato7_20{flex-shrink:0;margin:0;padding:var(--spacing-xxs) var(--spacing-l) var(--spacing-xs);font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75);letter-spacing:var(--letter-spacing-normal);color:rgba(var(--center-channel-color-rgb),.75)}._popover-menu__group_1ato7_71{display:flex;flex-direction:column;align-items:stretch}._popover-menu__group-title_1ato7_76{flex-shrink:0;margin:0;padding:var(--spacing-xxs) var(--spacing-l) var(--spacing-xxs);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;text-transform:uppercase;color:rgba(var(--center-channel-color-rgb),.64)}._popover-menu__divider_1ato7_88{flex-shrink:0;width:100%;padding:var(--spacing-xs) 0}._popover-menu__divider_1ato7_88:before{content:"";display:block;width:100%;border-top:1px solid rgba(var(--center-channel-color-rgb),.12)}
+._popover-menu_1xe3r_13{display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box;min-width:212px;max-width:496px;width:max-content;padding:var(--spacing-xs) 0;background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.16);border-radius:var(--radius-m);color:var(--center-channel-color)}._popover-menu_1xe3r_13:has(>._popover-menu__scroll_1xe3r_27){padding:0;overflow:hidden}._popover-menu_1xe3r_13:has(>._popover-menu__scroll_1xe3r_27)>._popover-menu__title_1xe3r_31:first-child{margin-top:var(--spacing-xs)}._popover-menu--parent_1xe3r_34{box-shadow:var(--elevation-4)}._popover-menu--child_1xe3r_37{box-shadow:var(--elevation-5)}._popover-menu--transition_1xe3r_40{opacity:0;transform:scale(.9);transform-origin:top left;pointer-events:none;transition:opacity var(--duration-quick) var(--ease-exit),transform var(--duration-quick) var(--ease-exit)}@media(prefers-reduced-motion:reduce){._popover-menu--transition_1xe3r_40{transform:none;transition:none}}._popover-menu--visible_1xe3r_53{opacity:1;transform:scale(1);pointer-events:auto;transition:opacity var(--duration-quick) var(--ease-entrance),transform var(--duration-quick) var(--ease-entrance)}@media(prefers-reduced-motion:reduce){._popover-menu--visible_1xe3r_53{transform:none;transition:none}}._popover-menu__scroll_1xe3r_27{min-height:0}._popover-menu__scroll-content_1xe3r_68{padding:var(--spacing-xs) 0}._popover-menu__title_1xe3r_31{flex-shrink:0;margin:0;padding:var(--spacing-xxs) var(--spacing-l) var(--spacing-xs);font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75);letter-spacing:var(--letter-spacing-normal);color:rgba(var(--center-channel-color-rgb),.75)}._popover-menu__group_1xe3r_82{display:flex;flex-direction:column;align-items:stretch}._popover-menu__group-title_1xe3r_87{flex-shrink:0;margin:0;padding:var(--spacing-xxs) var(--spacing-l) var(--spacing-xxs);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;text-transform:uppercase;color:rgba(var(--center-channel-color-rgb),.64)}._popover-menu__divider_1xe3r_99{flex-shrink:0;width:100%;padding:var(--spacing-xs) 0}._popover-menu__divider_1xe3r_99:before{content:"";display:block;width:100%;border-top:1px solid rgba(var(--center-channel-color-rgb),.12)}

package/dist/components/popover-menu/PopoverMenu.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./PopoverMenu.css');const o={"popover-menu":"_popover-menu_1ato7_2","popover-menu__scroll":"_popover-menu__scroll_1ato7_16","popover-menu__title":"_popover-menu__title_1ato7_20","popover-menu--parent":"_popover-menu--parent_1ato7_23","popover-menu--child":"_popover-menu--child_1ato7_26","popover-menu--transition":"_popover-menu--transition_1ato7_29","popover-menu--visible":"_popover-menu--visible_1ato7_42","popover-menu__scroll-content":"_popover-menu__scroll-content_1ato7_57","popover-menu__group":"_popover-menu__group_1ato7_71","popover-menu__group-title":"_popover-menu__group-title_1ato7_76","popover-menu__divider":"_popover-menu__divider_1ato7_88"};exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./PopoverMenu.css');const e={"popover-menu":"_popover-menu_1xe3r_13","popover-menu__scroll":"_popover-menu__scroll_1xe3r_27","popover-menu__title":"_popover-menu__title_1xe3r_31","popover-menu--parent":"_popover-menu--parent_1xe3r_34","popover-menu--child":"_popover-menu--child_1xe3r_37","popover-menu--transition":"_popover-menu--transition_1xe3r_40","popover-menu--visible":"_popover-menu--visible_1xe3r_53","popover-menu__scroll-content":"_popover-menu__scroll-content_1xe3r_68","popover-menu__group":"_popover-menu__group_1xe3r_82","popover-menu__group-title":"_popover-menu__group-title_1xe3r_87","popover-menu__divider":"_popover-menu__divider_1xe3r_99"};exports.default=e;
 //# sourceMappingURL=PopoverMenu.module.scss.cjs.map

package/dist/components/popover-menu/PopoverMenu.module.scss.js

@@ -1,17 +1,17 @@
-import './PopoverMenu.css';const o = {
-  "popover-menu": "_popover-menu_1ato7_2",
-  "popover-menu__scroll": "_popover-menu__scroll_1ato7_16",
-  "popover-menu__title": "_popover-menu__title_1ato7_20",
-  "popover-menu--parent": "_popover-menu--parent_1ato7_23",
-  "popover-menu--child": "_popover-menu--child_1ato7_26",
-  "popover-menu--transition": "_popover-menu--transition_1ato7_29",
-  "popover-menu--visible": "_popover-menu--visible_1ato7_42",
-  "popover-menu__scroll-content": "_popover-menu__scroll-content_1ato7_57",
-  "popover-menu__group": "_popover-menu__group_1ato7_71",
-  "popover-menu__group-title": "_popover-menu__group-title_1ato7_76",
-  "popover-menu__divider": "_popover-menu__divider_1ato7_88"
+import './PopoverMenu.css';const e = {
+  "popover-menu": "_popover-menu_1xe3r_13",
+  "popover-menu__scroll": "_popover-menu__scroll_1xe3r_27",
+  "popover-menu__title": "_popover-menu__title_1xe3r_31",
+  "popover-menu--parent": "_popover-menu--parent_1xe3r_34",
+  "popover-menu--child": "_popover-menu--child_1xe3r_37",
+  "popover-menu--transition": "_popover-menu--transition_1xe3r_40",
+  "popover-menu--visible": "_popover-menu--visible_1xe3r_53",
+  "popover-menu__scroll-content": "_popover-menu__scroll-content_1xe3r_68",
+  "popover-menu__group": "_popover-menu__group_1xe3r_82",
+  "popover-menu__group-title": "_popover-menu__group-title_1xe3r_87",
+  "popover-menu__divider": "_popover-menu__divider_1xe3r_99"
 };
 export {
-  o as default
+  e as default
 };
 //# sourceMappingURL=PopoverMenu.module.scss.js.map

package/dist/components/popover-notice/PopoverNotice.css

@@ -1 +1 @@
-._popover-notice_iuib4_2{position:relative;display:flex;flex-direction:column;align-items:flex-end;background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.16);border-radius:var(--radius-m);box-shadow:var(--elevation-4);width:386px}._popover-notice_iuib4_2 p:not([class]),._popover-notice_iuib4_2 ul:not([class]),._popover-notice_iuib4_2 ol:not([class]){margin:0}._popover-notice--no-icon_iuib4_18 ._popover-notice__content_iuib4_18{padding-left:var(--spacing-l)}._popover-notice__content_iuib4_18{display:flex;gap:var(--spacing-m);align-items:flex-start;padding:var(--spacing-m);width:100%}._popover-notice__icon_iuib4_28{display:flex;align-items:flex-start;flex-shrink:0;color:var(--center-channel-color)}._popover-notice__icon--info_iuib4_34{color:var(--color-info)}._popover-notice__icon--success_iuib4_37{color:var(--color-success)}._popover-notice__icon--warning_iuib4_40{color:var(--color-warning)}._popover-notice__icon--danger_iuib4_43{color:var(--error-text, var(--color-danger))}._popover-notice__body_iuib4_46{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1 0 0;min-width:0;overflow:hidden;padding-right:var(--spacing-xl)}._popover-notice__body_iuib4_46>:last-child{margin-bottom:0}._popover-notice__title-row_iuib4_58{display:flex;align-items:flex-start;width:100%}._popover-notice__title_iuib4_58{flex:1 0 0;font-size:var(--font-size-100);font-weight:var(--font-weight-semibold);line-height:var(--line-height-100);color:var(--center-channel-color);min-width:0}._popover-notice__description_iuib4_71{font-size:var(--font-size-100);font-weight:var(--font-weight-regular);line-height:var(--line-height-100);color:var(--center-channel-color)}._popover-notice__description_iuib4_71>:last-child{margin-bottom:0}._popover-notice__actions_iuib4_80{display:flex;align-items:center;gap:var(--spacing-s);padding:var(--spacing-xxs) 0}._popover-notice__close_iuib4_86{position:absolute;top:var(--spacing-xxs);right:var(--spacing-xxs)}
+._popover-notice_1r7pv_13{position:relative;display:flex;flex-direction:column;align-items:flex-end;background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.16);border-radius:var(--radius-m);box-shadow:var(--elevation-4);width:386px}._popover-notice_1r7pv_13 p:not([class]),._popover-notice_1r7pv_13 ul:not([class]),._popover-notice_1r7pv_13 ol:not([class]){margin:0}._popover-notice--no-icon_1r7pv_29 ._popover-notice__content_1r7pv_29{padding-left:var(--spacing-l)}._popover-notice__content_1r7pv_29{display:flex;gap:var(--spacing-m);align-items:flex-start;padding:var(--spacing-m);width:100%}._popover-notice__icon_1r7pv_39{display:flex;align-items:flex-start;flex-shrink:0;color:var(--center-channel-color)}._popover-notice__icon--info_1r7pv_45{color:var(--color-info)}._popover-notice__icon--success_1r7pv_48{color:var(--color-success)}._popover-notice__icon--warning_1r7pv_51{color:var(--color-warning)}._popover-notice__icon--danger_1r7pv_54{color:var(--error-text, var(--color-danger))}._popover-notice__body_1r7pv_57{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1 0 0;min-width:0;overflow:hidden;padding-right:var(--spacing-xl)}._popover-notice__body_1r7pv_57>:last-child{margin-bottom:0}._popover-notice__title-row_1r7pv_69{display:flex;align-items:flex-start;width:100%}._popover-notice__title_1r7pv_69{flex:1 0 0;font-size:var(--font-size-100);font-weight:var(--font-weight-semibold);line-height:var(--line-height-100);color:var(--center-channel-color);min-width:0}._popover-notice__description_1r7pv_82{font-size:var(--font-size-100);font-weight:var(--font-weight-regular);line-height:var(--line-height-100);color:var(--center-channel-color)}._popover-notice__description_1r7pv_82>:last-child{margin-bottom:0}._popover-notice__actions_1r7pv_91{display:flex;align-items:center;gap:var(--spacing-s);padding:var(--spacing-xxs) 0}._popover-notice__close_1r7pv_97{position:absolute;top:var(--spacing-xxs);right:var(--spacing-xxs)}

package/dist/components/popover-notice/PopoverNotice.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./PopoverNotice.css');const o={"popover-notice":"_popover-notice_iuib4_2","popover-notice--no-icon":"_popover-notice--no-icon_iuib4_18","popover-notice__content":"_popover-notice__content_iuib4_18","popover-notice__icon":"_popover-notice__icon_iuib4_28","popover-notice__icon--info":"_popover-notice__icon--info_iuib4_34","popover-notice__icon--success":"_popover-notice__icon--success_iuib4_37","popover-notice__icon--warning":"_popover-notice__icon--warning_iuib4_40","popover-notice__icon--danger":"_popover-notice__icon--danger_iuib4_43","popover-notice__body":"_popover-notice__body_iuib4_46","popover-notice__title-row":"_popover-notice__title-row_iuib4_58","popover-notice__title":"_popover-notice__title_iuib4_58","popover-notice__description":"_popover-notice__description_iuib4_71","popover-notice__actions":"_popover-notice__actions_iuib4_80","popover-notice__close":"_popover-notice__close_iuib4_86"};exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./PopoverNotice.css');const o={"popover-notice":"_popover-notice_1r7pv_13","popover-notice--no-icon":"_popover-notice--no-icon_1r7pv_29","popover-notice__content":"_popover-notice__content_1r7pv_29","popover-notice__icon":"_popover-notice__icon_1r7pv_39","popover-notice__icon--info":"_popover-notice__icon--info_1r7pv_45","popover-notice__icon--success":"_popover-notice__icon--success_1r7pv_48","popover-notice__icon--warning":"_popover-notice__icon--warning_1r7pv_51","popover-notice__icon--danger":"_popover-notice__icon--danger_1r7pv_54","popover-notice__body":"_popover-notice__body_1r7pv_57","popover-notice__title-row":"_popover-notice__title-row_1r7pv_69","popover-notice__title":"_popover-notice__title_1r7pv_69","popover-notice__description":"_popover-notice__description_1r7pv_82","popover-notice__actions":"_popover-notice__actions_1r7pv_91","popover-notice__close":"_popover-notice__close_1r7pv_97"};exports.default=o;
 //# sourceMappingURL=PopoverNotice.module.scss.cjs.map

package/dist/components/popover-notice/PopoverNotice.module.scss.js

@@ -1,18 +1,18 @@
 import './PopoverNotice.css';const o = {
-  "popover-notice": "_popover-notice_iuib4_2",
-  "popover-notice--no-icon": "_popover-notice--no-icon_iuib4_18",
-  "popover-notice__content": "_popover-notice__content_iuib4_18",
-  "popover-notice__icon": "_popover-notice__icon_iuib4_28",
-  "popover-notice__icon--info": "_popover-notice__icon--info_iuib4_34",
-  "popover-notice__icon--success": "_popover-notice__icon--success_iuib4_37",
-  "popover-notice__icon--warning": "_popover-notice__icon--warning_iuib4_40",
-  "popover-notice__icon--danger": "_popover-notice__icon--danger_iuib4_43",
-  "popover-notice__body": "_popover-notice__body_iuib4_46",
-  "popover-notice__title-row": "_popover-notice__title-row_iuib4_58",
-  "popover-notice__title": "_popover-notice__title_iuib4_58",
-  "popover-notice__description": "_popover-notice__description_iuib4_71",
-  "popover-notice__actions": "_popover-notice__actions_iuib4_80",
-  "popover-notice__close": "_popover-notice__close_iuib4_86"
+  "popover-notice": "_popover-notice_1r7pv_13",
+  "popover-notice--no-icon": "_popover-notice--no-icon_1r7pv_29",
+  "popover-notice__content": "_popover-notice__content_1r7pv_29",
+  "popover-notice__icon": "_popover-notice__icon_1r7pv_39",
+  "popover-notice__icon--info": "_popover-notice__icon--info_1r7pv_45",
+  "popover-notice__icon--success": "_popover-notice__icon--success_1r7pv_48",
+  "popover-notice__icon--warning": "_popover-notice__icon--warning_1r7pv_51",
+  "popover-notice__icon--danger": "_popover-notice__icon--danger_1r7pv_54",
+  "popover-notice__body": "_popover-notice__body_1r7pv_57",
+  "popover-notice__title-row": "_popover-notice__title-row_1r7pv_69",
+  "popover-notice__title": "_popover-notice__title_1r7pv_69",
+  "popover-notice__description": "_popover-notice__description_1r7pv_82",
+  "popover-notice__actions": "_popover-notice__actions_1r7pv_91",
+  "popover-notice__close": "_popover-notice__close_1r7pv_97"
 };
 export {
   o as default

package/dist/components/profile-popover/ProfilePopover.css

@@ -1 +1 @@
-@keyframes _profile-popover-enter_1r9ql_1{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes _profile-popover-exit_1r9ql_1{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}._profile-popover_1r9ql_22{position:relative;display:flex;flex-direction:column;width:272px;padding-top:var(--spacing-m);background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.16);border-radius:var(--radius-m);box-shadow:var(--elevation-6);animation:_profile-popover-enter_1r9ql_1 var(--duration-quick) var(--ease-entrance)}._profile-popover--closing_1r9ql_34{animation:_profile-popover-exit_1r9ql_1 var(--duration-quick) var(--ease-exit) forwards}._profile-popover__role-tag_1r9ql_37{display:flex;padding:0 var(--spacing-m)}._profile-popover__close_1r9ql_41{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs)}._profile-popover__primary_1r9ql_46{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-m) var(--spacing-l) var(--spacing-xxl);border-bottom:1px solid rgba(var(--center-channel-color-rgb),.08)}._profile-popover__last-online_1r9ql_54{margin:0;font-size:var(--font-size-50);line-height:var(--line-height-50);color:rgba(var(--center-channel-color-rgb),.64);text-align:center}._profile-popover__names_1r9ql_61{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xxxs);width:100%;text-align:center;color:var(--center-channel-color)}._profile-popover__name_1r9ql_61{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-400);line-height:var(--line-height-400);font-weight:var(--font-weight-semibold)}._profile-popover__handle_1r9ql_77,._profile-popover__title_1r9ql_77{margin:0;font-size:var(--font-size-100);line-height:var(--line-height-100)}._profile-popover__secondary_1r9ql_82{display:flex;flex-direction:column;gap:var(--spacing-m);padding:var(--spacing-l);border-bottom:1px solid rgba(var(--center-channel-color-rgb),.08)}._profile-popover__titles_1r9ql_89{display:flex;flex-direction:column;gap:var(--spacing-xxs)}._profile-popover__meta-item_1r9ql_94{display:flex;align-items:center;gap:var(--spacing-m);overflow:hidden}._profile-popover__meta-item--stacked_1r9ql_100{align-items:flex-start}._profile-popover__meta-icon_1r9ql_103{display:inline-flex;flex-shrink:0;color:var(--center-channel-color)}._profile-popover__phone-body_1r9ql_108{display:flex;flex-direction:column;gap:var(--spacing-xxxxs);flex:1 0 0;min-width:0}._profile-popover__phone-body_1r9ql_108 ._profile-popover__meta-link_1r9ql_115{flex:none;width:100%}._profile-popover__phone-sub_1r9ql_119{font-size:var(--font-size-75);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.75)}._profile-popover__meta-text_1r9ql_124,._profile-popover__meta-link_1r9ql_115{flex:1 0 0;min-width:0;font-size:var(--font-size-100);line-height:var(--line-height-100);color:var(--center-channel-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._profile-popover__meta-link_1r9ql_115{color:var(--link-color);text-decoration:none}._profile-popover__meta-link_1r9ql_115:hover{text-decoration:underline}._profile-popover_1r9ql_22 button._profile-popover__meta-link_1r9ql_115{padding:0;background:none;border:0;font:inherit;text-align:left;cursor:pointer}._profile-popover__section-label_1r9ql_149{margin:0;font-size:var(--font-size-50);line-height:var(--line-height-50);font-weight:var(--font-weight-semibold);color:var(--center-channel-color)}._profile-popover__local-time_1r9ql_156,._profile-popover__custom-status_1r9ql_156{display:flex;flex-direction:column;gap:var(--spacing-xxxs);color:var(--center-channel-color)}._profile-popover__time_1r9ql_162{display:flex;gap:var(--spacing-xxxs);font-size:var(--font-size-100);line-height:var(--line-height-100)}._profile-popover__status-row_1r9ql_168{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-100);line-height:var(--line-height-100)}._profile-popover__status-emoji_1r9ql_175{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size-16);height:var(--icon-size-16);font-size:var(--font-size-200);line-height:1}._profile-popover__footer_1r9ql_184{display:flex;padding:var(--spacing-l)}._profile-popover__footer--others_1r9ql_188{align-items:center;justify-content:space-between}._profile-popover__footer--you_1r9ql_192{align-items:flex-start;gap:var(--spacing-xs)}._profile-popover__primary-action_1r9ql_196{display:flex}._profile-popover__primary-action--others_1r9ql_199{width:132px;flex-shrink:0}._profile-popover__primary-action--you_1r9ql_203{flex:1 0 0;min-width:0}._profile-popover__primary-button_1r9ql_207{width:100%}._profile-popover__secondary-actions_1r9ql_210{display:flex;align-items:center;gap:var(--spacing-xxxxs)}
+@keyframes _profile-popover-enter_1t9ip_1{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes _profile-popover-exit_1t9ip_1{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}._profile-popover_1t9ip_33{position:relative;display:flex;flex-direction:column;width:272px;padding-top:var(--spacing-m);background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.16);border-radius:var(--radius-m);box-shadow:var(--elevation-6);animation:_profile-popover-enter_1t9ip_1 var(--duration-quick) var(--ease-entrance)}._profile-popover--closing_1t9ip_45{animation:_profile-popover-exit_1t9ip_1 var(--duration-quick) var(--ease-exit) forwards}._profile-popover__role-tag_1t9ip_48{display:flex;padding:0 var(--spacing-m)}._profile-popover__close_1t9ip_52{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs)}._profile-popover__primary_1t9ip_57{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-m) var(--spacing-l) var(--spacing-xxl);border-bottom:1px solid rgba(var(--center-channel-color-rgb),.08)}._profile-popover__last-online_1t9ip_65{margin:0;font-size:var(--font-size-50);line-height:var(--line-height-50);color:rgba(var(--center-channel-color-rgb),.64);text-align:center}._profile-popover__names_1t9ip_72{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xxxs);width:100%;text-align:center;color:var(--center-channel-color)}._profile-popover__name_1t9ip_72{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-400);line-height:var(--line-height-400);font-weight:var(--font-weight-semibold)}._profile-popover__handle_1t9ip_88,._profile-popover__title_1t9ip_88{margin:0;font-size:var(--font-size-100);line-height:var(--line-height-100)}._profile-popover__secondary_1t9ip_93{display:flex;flex-direction:column;gap:var(--spacing-m);padding:var(--spacing-l);border-bottom:1px solid rgba(var(--center-channel-color-rgb),.08)}._profile-popover__titles_1t9ip_100{display:flex;flex-direction:column;gap:var(--spacing-xxs)}._profile-popover__meta-item_1t9ip_105{display:flex;align-items:center;gap:var(--spacing-m);overflow:hidden}._profile-popover__meta-item--stacked_1t9ip_111{align-items:flex-start}._profile-popover__meta-icon_1t9ip_114{display:inline-flex;flex-shrink:0;color:var(--center-channel-color)}._profile-popover__phone-body_1t9ip_119{display:flex;flex-direction:column;gap:var(--spacing-xxxxs);flex:1 0 0;min-width:0}._profile-popover__phone-body_1t9ip_119 ._profile-popover__meta-link_1t9ip_126{flex:none;width:100%}._profile-popover__phone-sub_1t9ip_130{font-size:var(--font-size-75);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.75)}._profile-popover__meta-text_1t9ip_135,._profile-popover__meta-link_1t9ip_126{flex:1 0 0;min-width:0;font-size:var(--font-size-100);line-height:var(--line-height-100);color:var(--center-channel-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._profile-popover__meta-link_1t9ip_126{color:var(--link-color);text-decoration:none}._profile-popover__meta-link_1t9ip_126:hover{text-decoration:underline}._profile-popover_1t9ip_33 button._profile-popover__meta-link_1t9ip_126{padding:0;background:none;border:0;font:inherit;text-align:left;cursor:pointer}._profile-popover__section-label_1t9ip_160{margin:0;font-size:var(--font-size-50);line-height:var(--line-height-50);font-weight:var(--font-weight-semibold);color:var(--center-channel-color)}._profile-popover__local-time_1t9ip_167,._profile-popover__custom-status_1t9ip_167{display:flex;flex-direction:column;gap:var(--spacing-xxxs);color:var(--center-channel-color)}._profile-popover__time_1t9ip_173{display:flex;gap:var(--spacing-xxxs);font-size:var(--font-size-100);line-height:var(--line-height-100)}._profile-popover__status-row_1t9ip_179{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-100);line-height:var(--line-height-100)}._profile-popover__status-emoji_1t9ip_186{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size-16);height:var(--icon-size-16);font-size:var(--font-size-200);line-height:1}._profile-popover__footer_1t9ip_195{display:flex;padding:var(--spacing-l)}._profile-popover__footer--others_1t9ip_199{align-items:center;justify-content:space-between}._profile-popover__footer--you_1t9ip_203{align-items:flex-start;gap:var(--spacing-xs)}._profile-popover__primary-action_1t9ip_207{display:flex}._profile-popover__primary-action--others_1t9ip_210{width:132px;flex-shrink:0}._profile-popover__primary-action--you_1t9ip_214{flex:1 0 0;min-width:0}._profile-popover__primary-button_1t9ip_218{width:100%}._profile-popover__secondary-actions_1t9ip_221{display:flex;align-items:center;gap:var(--spacing-xxxxs)}

package/dist/components/profile-popover/ProfilePopover.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ProfilePopover.css');const o={"profile-popover":"_profile-popover_1r9ql_22","profile-popover--closing":"_profile-popover--closing_1r9ql_34","profile-popover__role-tag":"_profile-popover__role-tag_1r9ql_37","profile-popover__close":"_profile-popover__close_1r9ql_41","profile-popover__primary":"_profile-popover__primary_1r9ql_46","profile-popover__last-online":"_profile-popover__last-online_1r9ql_54","profile-popover__names":"_profile-popover__names_1r9ql_61","profile-popover__name":"_profile-popover__name_1r9ql_61","profile-popover__handle":"_profile-popover__handle_1r9ql_77","profile-popover__title":"_profile-popover__title_1r9ql_77","profile-popover__secondary":"_profile-popover__secondary_1r9ql_82","profile-popover__titles":"_profile-popover__titles_1r9ql_89","profile-popover__meta-item":"_profile-popover__meta-item_1r9ql_94","profile-popover__meta-item--stacked":"_profile-popover__meta-item--stacked_1r9ql_100","profile-popover__meta-icon":"_profile-popover__meta-icon_1r9ql_103","profile-popover__phone-body":"_profile-popover__phone-body_1r9ql_108","profile-popover__meta-link":"_profile-popover__meta-link_1r9ql_115","profile-popover__phone-sub":"_profile-popover__phone-sub_1r9ql_119","profile-popover__meta-text":"_profile-popover__meta-text_1r9ql_124","profile-popover__section-label":"_profile-popover__section-label_1r9ql_149","profile-popover__local-time":"_profile-popover__local-time_1r9ql_156","profile-popover__custom-status":"_profile-popover__custom-status_1r9ql_156","profile-popover__time":"_profile-popover__time_1r9ql_162","profile-popover__status-row":"_profile-popover__status-row_1r9ql_168","profile-popover__status-emoji":"_profile-popover__status-emoji_1r9ql_175","profile-popover__footer":"_profile-popover__footer_1r9ql_184","profile-popover__footer--others":"_profile-popover__footer--others_1r9ql_188","profile-popover__footer--you":"_profile-popover__footer--you_1r9ql_192","profile-popover__primary-action":"_profile-popover__primary-action_1r9ql_196","profile-popover__primary-action--others":"_profile-popover__primary-action--others_1r9ql_199","profile-popover__primary-action--you":"_profile-popover__primary-action--you_1r9ql_203","profile-popover__primary-button":"_profile-popover__primary-button_1r9ql_207","profile-popover__secondary-actions":"_profile-popover__secondary-actions_1r9ql_210"};exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ProfilePopover.css');const o={"profile-popover":"_profile-popover_1t9ip_33","profile-popover--closing":"_profile-popover--closing_1t9ip_45","profile-popover__role-tag":"_profile-popover__role-tag_1t9ip_48","profile-popover__close":"_profile-popover__close_1t9ip_52","profile-popover__primary":"_profile-popover__primary_1t9ip_57","profile-popover__last-online":"_profile-popover__last-online_1t9ip_65","profile-popover__names":"_profile-popover__names_1t9ip_72","profile-popover__name":"_profile-popover__name_1t9ip_72","profile-popover__handle":"_profile-popover__handle_1t9ip_88","profile-popover__title":"_profile-popover__title_1t9ip_88","profile-popover__secondary":"_profile-popover__secondary_1t9ip_93","profile-popover__titles":"_profile-popover__titles_1t9ip_100","profile-popover__meta-item":"_profile-popover__meta-item_1t9ip_105","profile-popover__meta-item--stacked":"_profile-popover__meta-item--stacked_1t9ip_111","profile-popover__meta-icon":"_profile-popover__meta-icon_1t9ip_114","profile-popover__phone-body":"_profile-popover__phone-body_1t9ip_119","profile-popover__meta-link":"_profile-popover__meta-link_1t9ip_126","profile-popover__phone-sub":"_profile-popover__phone-sub_1t9ip_130","profile-popover__meta-text":"_profile-popover__meta-text_1t9ip_135","profile-popover__section-label":"_profile-popover__section-label_1t9ip_160","profile-popover__local-time":"_profile-popover__local-time_1t9ip_167","profile-popover__custom-status":"_profile-popover__custom-status_1t9ip_167","profile-popover__time":"_profile-popover__time_1t9ip_173","profile-popover__status-row":"_profile-popover__status-row_1t9ip_179","profile-popover__status-emoji":"_profile-popover__status-emoji_1t9ip_186","profile-popover__footer":"_profile-popover__footer_1t9ip_195","profile-popover__footer--others":"_profile-popover__footer--others_1t9ip_199","profile-popover__footer--you":"_profile-popover__footer--you_1t9ip_203","profile-popover__primary-action":"_profile-popover__primary-action_1t9ip_207","profile-popover__primary-action--others":"_profile-popover__primary-action--others_1t9ip_210","profile-popover__primary-action--you":"_profile-popover__primary-action--you_1t9ip_214","profile-popover__primary-button":"_profile-popover__primary-button_1t9ip_218","profile-popover__secondary-actions":"_profile-popover__secondary-actions_1t9ip_221"};exports.default=o;
 //# sourceMappingURL=ProfilePopover.module.scss.cjs.map

package/dist/components/profile-popover/ProfilePopover.module.scss.js

@@ -1,37 +1,37 @@
 import './ProfilePopover.css';const o = {
-  "profile-popover": "_profile-popover_1r9ql_22",
-  "profile-popover--closing": "_profile-popover--closing_1r9ql_34",
-  "profile-popover__role-tag": "_profile-popover__role-tag_1r9ql_37",
-  "profile-popover__close": "_profile-popover__close_1r9ql_41",
-  "profile-popover__primary": "_profile-popover__primary_1r9ql_46",
-  "profile-popover__last-online": "_profile-popover__last-online_1r9ql_54",
-  "profile-popover__names": "_profile-popover__names_1r9ql_61",
-  "profile-popover__name": "_profile-popover__name_1r9ql_61",
-  "profile-popover__handle": "_profile-popover__handle_1r9ql_77",
-  "profile-popover__title": "_profile-popover__title_1r9ql_77",
-  "profile-popover__secondary": "_profile-popover__secondary_1r9ql_82",
-  "profile-popover__titles": "_profile-popover__titles_1r9ql_89",
-  "profile-popover__meta-item": "_profile-popover__meta-item_1r9ql_94",
-  "profile-popover__meta-item--stacked": "_profile-popover__meta-item--stacked_1r9ql_100",
-  "profile-popover__meta-icon": "_profile-popover__meta-icon_1r9ql_103",
-  "profile-popover__phone-body": "_profile-popover__phone-body_1r9ql_108",
-  "profile-popover__meta-link": "_profile-popover__meta-link_1r9ql_115",
-  "profile-popover__phone-sub": "_profile-popover__phone-sub_1r9ql_119",
-  "profile-popover__meta-text": "_profile-popover__meta-text_1r9ql_124",
-  "profile-popover__section-label": "_profile-popover__section-label_1r9ql_149",
-  "profile-popover__local-time": "_profile-popover__local-time_1r9ql_156",
-  "profile-popover__custom-status": "_profile-popover__custom-status_1r9ql_156",
-  "profile-popover__time": "_profile-popover__time_1r9ql_162",
-  "profile-popover__status-row": "_profile-popover__status-row_1r9ql_168",
-  "profile-popover__status-emoji": "_profile-popover__status-emoji_1r9ql_175",
-  "profile-popover__footer": "_profile-popover__footer_1r9ql_184",
-  "profile-popover__footer--others": "_profile-popover__footer--others_1r9ql_188",
-  "profile-popover__footer--you": "_profile-popover__footer--you_1r9ql_192",
-  "profile-popover__primary-action": "_profile-popover__primary-action_1r9ql_196",
-  "profile-popover__primary-action--others": "_profile-popover__primary-action--others_1r9ql_199",
-  "profile-popover__primary-action--you": "_profile-popover__primary-action--you_1r9ql_203",
-  "profile-popover__primary-button": "_profile-popover__primary-button_1r9ql_207",
-  "profile-popover__secondary-actions": "_profile-popover__secondary-actions_1r9ql_210"
+  "profile-popover": "_profile-popover_1t9ip_33",
+  "profile-popover--closing": "_profile-popover--closing_1t9ip_45",
+  "profile-popover__role-tag": "_profile-popover__role-tag_1t9ip_48",
+  "profile-popover__close": "_profile-popover__close_1t9ip_52",
+  "profile-popover__primary": "_profile-popover__primary_1t9ip_57",
+  "profile-popover__last-online": "_profile-popover__last-online_1t9ip_65",
+  "profile-popover__names": "_profile-popover__names_1t9ip_72",
+  "profile-popover__name": "_profile-popover__name_1t9ip_72",
+  "profile-popover__handle": "_profile-popover__handle_1t9ip_88",
+  "profile-popover__title": "_profile-popover__title_1t9ip_88",
+  "profile-popover__secondary": "_profile-popover__secondary_1t9ip_93",
+  "profile-popover__titles": "_profile-popover__titles_1t9ip_100",
+  "profile-popover__meta-item": "_profile-popover__meta-item_1t9ip_105",
+  "profile-popover__meta-item--stacked": "_profile-popover__meta-item--stacked_1t9ip_111",
+  "profile-popover__meta-icon": "_profile-popover__meta-icon_1t9ip_114",
+  "profile-popover__phone-body": "_profile-popover__phone-body_1t9ip_119",
+  "profile-popover__meta-link": "_profile-popover__meta-link_1t9ip_126",
+  "profile-popover__phone-sub": "_profile-popover__phone-sub_1t9ip_130",
+  "profile-popover__meta-text": "_profile-popover__meta-text_1t9ip_135",
+  "profile-popover__section-label": "_profile-popover__section-label_1t9ip_160",
+  "profile-popover__local-time": "_profile-popover__local-time_1t9ip_167",
+  "profile-popover__custom-status": "_profile-popover__custom-status_1t9ip_167",
+  "profile-popover__time": "_profile-popover__time_1t9ip_173",
+  "profile-popover__status-row": "_profile-popover__status-row_1t9ip_179",
+  "profile-popover__status-emoji": "_profile-popover__status-emoji_1t9ip_186",
+  "profile-popover__footer": "_profile-popover__footer_1t9ip_195",
+  "profile-popover__footer--others": "_profile-popover__footer--others_1t9ip_199",
+  "profile-popover__footer--you": "_profile-popover__footer--you_1t9ip_203",
+  "profile-popover__primary-action": "_profile-popover__primary-action_1t9ip_207",
+  "profile-popover__primary-action--others": "_profile-popover__primary-action--others_1t9ip_210",
+  "profile-popover__primary-action--you": "_profile-popover__primary-action--you_1t9ip_214",
+  "profile-popover__primary-button": "_profile-popover__primary-button_1t9ip_218",
+  "profile-popover__secondary-actions": "_profile-popover__secondary-actions_1t9ip_221"
 };
 export {
   o as default

package/dist/components/progress-bar/ProgressBar.css

@@ -1 +1 @@
-@keyframes _progress-bar-indeterminate_as2vp_1{0%{transform:translate(-100%)}to{transform:translate(250%)}}._progress-bar_as2vp_10{position:relative;width:100%;background-color:rgba(var(--center-channel-color-rgb),.16);overflow:hidden}._progress-bar--size-small_as2vp_16{height:4px;border-radius:var(--radius-xs)}._progress-bar--size-small_as2vp_16 ._progress-bar__fill_as2vp_20{border-radius:var(--radius-xs)}._progress-bar--size-large_as2vp_23{height:8px;border-radius:var(--radius-s)}._progress-bar--size-large_as2vp_23 ._progress-bar__fill_as2vp_20{border-radius:var(--radius-s)}._progress-bar__fill_as2vp_20{position:absolute;top:0;bottom:0;left:0;transition:width var(--duration-quick) var(--ease-transition)}._progress-bar__fill--default_as2vp_37{background-color:var(--button-bg)}._progress-bar__fill--success_as2vp_40{background-color:var(--color-success)}._progress-bar__fill--warning_as2vp_43{background-color:var(--color-warning)}._progress-bar__fill--danger_as2vp_46{background-color:var(--error-text, var(--color-danger))}._progress-bar--indeterminate_as2vp_49 ._progress-bar__fill_as2vp_20{width:40%;transition:none;animation:_progress-bar-indeterminate_as2vp_1 calc(var(--duration-moderate) * 5) var(--ease-transition) infinite}@media(prefers-reduced-motion:reduce){._progress-bar--indeterminate_as2vp_49 ._progress-bar__fill_as2vp_20{width:100%;animation:none;opacity:.48}}
+@keyframes _progress-bar-indeterminate_3xsuh_1{0%{transform:translate(-100%)}to{transform:translate(250%)}}._progress-bar_3xsuh_21{position:relative;width:100%;background-color:rgba(var(--center-channel-color-rgb),.16);overflow:hidden}._progress-bar--size-small_3xsuh_27{height:4px;border-radius:var(--radius-xs)}._progress-bar--size-small_3xsuh_27 ._progress-bar__fill_3xsuh_31{border-radius:var(--radius-xs)}._progress-bar--size-large_3xsuh_34{height:8px;border-radius:var(--radius-s)}._progress-bar--size-large_3xsuh_34 ._progress-bar__fill_3xsuh_31{border-radius:var(--radius-s)}._progress-bar__fill_3xsuh_31{position:absolute;top:0;bottom:0;left:0;transition:width var(--duration-quick) var(--ease-transition)}._progress-bar__fill--default_3xsuh_48{background-color:var(--button-bg)}._progress-bar__fill--success_3xsuh_51{background-color:var(--color-success)}._progress-bar__fill--warning_3xsuh_54{background-color:var(--color-warning)}._progress-bar__fill--danger_3xsuh_57{background-color:var(--error-text, var(--color-danger))}._progress-bar--indeterminate_3xsuh_60 ._progress-bar__fill_3xsuh_31{width:40%;transition:none;animation:_progress-bar-indeterminate_3xsuh_1 calc(var(--duration-moderate) * 5) var(--ease-transition) infinite}@media(prefers-reduced-motion:reduce){._progress-bar--indeterminate_3xsuh_60 ._progress-bar__fill_3xsuh_31{width:100%;animation:none;opacity:.48}}

package/dist/components/progress-bar/ProgressBar.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ProgressBar.css');const r={"progress-bar":"_progress-bar_as2vp_10","progress-bar--size-small":"_progress-bar--size-small_as2vp_16","progress-bar__fill":"_progress-bar__fill_as2vp_20","progress-bar--size-large":"_progress-bar--size-large_as2vp_23","progress-bar__fill--default":"_progress-bar__fill--default_as2vp_37","progress-bar__fill--success":"_progress-bar__fill--success_as2vp_40","progress-bar__fill--warning":"_progress-bar__fill--warning_as2vp_43","progress-bar__fill--danger":"_progress-bar__fill--danger_as2vp_46","progress-bar--indeterminate":"_progress-bar--indeterminate_as2vp_49"};exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ProgressBar.css');const r={"progress-bar":"_progress-bar_3xsuh_21","progress-bar--size-small":"_progress-bar--size-small_3xsuh_27","progress-bar__fill":"_progress-bar__fill_3xsuh_31","progress-bar--size-large":"_progress-bar--size-large_3xsuh_34","progress-bar__fill--default":"_progress-bar__fill--default_3xsuh_48","progress-bar__fill--success":"_progress-bar__fill--success_3xsuh_51","progress-bar__fill--warning":"_progress-bar__fill--warning_3xsuh_54","progress-bar__fill--danger":"_progress-bar__fill--danger_3xsuh_57","progress-bar--indeterminate":"_progress-bar--indeterminate_3xsuh_60"};exports.default=r;
 //# sourceMappingURL=ProgressBar.module.scss.cjs.map

package/dist/components/progress-bar/ProgressBar.module.scss.js

@@ -1,13 +1,13 @@
 import './ProgressBar.css';const r = {
-  "progress-bar": "_progress-bar_as2vp_10",
-  "progress-bar--size-small": "_progress-bar--size-small_as2vp_16",
-  "progress-bar__fill": "_progress-bar__fill_as2vp_20",
-  "progress-bar--size-large": "_progress-bar--size-large_as2vp_23",
-  "progress-bar__fill--default": "_progress-bar__fill--default_as2vp_37",
-  "progress-bar__fill--success": "_progress-bar__fill--success_as2vp_40",
-  "progress-bar__fill--warning": "_progress-bar__fill--warning_as2vp_43",
-  "progress-bar__fill--danger": "_progress-bar__fill--danger_as2vp_46",
-  "progress-bar--indeterminate": "_progress-bar--indeterminate_as2vp_49"
+  "progress-bar": "_progress-bar_3xsuh_21",
+  "progress-bar--size-small": "_progress-bar--size-small_3xsuh_27",
+  "progress-bar__fill": "_progress-bar__fill_3xsuh_31",
+  "progress-bar--size-large": "_progress-bar--size-large_3xsuh_34",
+  "progress-bar__fill--default": "_progress-bar__fill--default_3xsuh_48",
+  "progress-bar__fill--success": "_progress-bar__fill--success_3xsuh_51",
+  "progress-bar__fill--warning": "_progress-bar__fill--warning_3xsuh_54",
+  "progress-bar__fill--danger": "_progress-bar__fill--danger_3xsuh_57",
+  "progress-bar--indeterminate": "_progress-bar--indeterminate_3xsuh_60"
 };
 export {
   r as default

package/dist/components/radio/Radio.css

@@ -1 +1 @@
-._radio_h0rbb_2{position:relative;display:flex;align-items:flex-start;width:100%;gap:var(--spacing-xs);font-family:var(--font-family-body);font-weight:var(--font-weight-regular);color:var(--center-channel-color);cursor:pointer;-webkit-user-select:none;user-select:none}._radio_h0rbb_2._radio_h0rbb_2{margin:0}._radio_h0rbb_2:has(._radio__input_h0rbb_17:disabled){cursor:not-allowed;color:rgba(var(--center-channel-color-rgb),.56)}._radio__input_h0rbb_17{position:absolute;left:0;top:0;margin:0;padding:0;opacity:0;overflow:hidden;white-space:nowrap;border:0;cursor:inherit}._radio__input_h0rbb_17:focus-visible{outline:none}._radio__circle_h0rbb_36{position:relative;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.24);border-radius:var(--radius-pill);transition:background-color var(--duration-quick) var(--ease-transition),border-color var(--duration-quick) var(--ease-transition),border-width var(--duration-quick) var(--ease-transition),box-shadow var(--duration-quick) var(--ease-transition)}._radio__input_h0rbb_17:focus-visible~._radio__circle_h0rbb_36{box-shadow:0 0 0 2px rgba(var(--button-bg-rgb),.56)}._radio_h0rbb_2:has(._radio__input_h0rbb_17:not(:disabled)):hover ._radio__circle_h0rbb_36{border-color:rgba(var(--center-channel-color-rgb),.32)}._radio__input_h0rbb_17:disabled~._radio__circle_h0rbb_36{border-color:rgba(var(--center-channel-color-rgb),.16)}._radio__input_h0rbb_17:checked~._radio__circle_h0rbb_36{background-color:var(--center-channel-bg);border-width:1px;border-color:var(--button-bg)}._radio__input_h0rbb_17:checked~._radio__circle_h0rbb_36 ._radio__dot_h0rbb_62{background-color:var(--button-bg)}._radio_h0rbb_2:has(._radio__input_h0rbb_17:not(:disabled)):hover ._radio__input_h0rbb_17:checked~._radio__circle_h0rbb_36{border-color:var(--button-bg)}._radio_h0rbb_2:has(._radio__input_h0rbb_17:not(:disabled)):hover ._radio__input_h0rbb_17:checked~._radio__circle_h0rbb_36 ._radio__dot_h0rbb_62{background-color:var(--button-bg)}._radio__input_h0rbb_17:focus-visible:checked~._radio__circle_h0rbb_36{border-color:var(--button-bg);box-shadow:0 0 0 2px rgba(var(--button-bg-rgb),.56)}._radio__input_h0rbb_17:disabled:checked~._radio__circle_h0rbb_36{background-color:var(--center-channel-bg);border-color:rgba(var(--center-channel-color-rgb),.32);border-width:1px}._radio__input_h0rbb_17:disabled:checked~._radio__circle_h0rbb_36 ._radio__dot_h0rbb_62{background-color:rgba(var(--center-channel-color-rgb),.32)}._radio--invalid_h0rbb_83 ._radio__circle_h0rbb_36{border-color:var(--error-text, var(--color-danger))}._radio_h0rbb_2:has(._radio__input_h0rbb_17:not(:disabled)):hover._radio--invalid_h0rbb_83 ._radio__input_h0rbb_17:not(:checked)~._radio__circle_h0rbb_36{border-color:var(--error-text, var(--color-danger))}._radio--invalid_h0rbb_83 ._radio__input_h0rbb_17:checked~._radio__circle_h0rbb_36{background-color:var(--center-channel-bg);border-width:1px;border-color:var(--error-text, var(--color-danger))}._radio--invalid_h0rbb_83 ._radio__input_h0rbb_17:checked~._radio__circle_h0rbb_36 ._radio__dot_h0rbb_62{background-color:var(--error-text, var(--color-danger))}._radio_h0rbb_2:has(._radio__input_h0rbb_17:not(:disabled)):hover._radio--invalid_h0rbb_83 ._radio__input_h0rbb_17:checked~._radio__circle_h0rbb_36{border-color:var(--error-text, var(--color-danger))}._radio_h0rbb_2:has(._radio__input_h0rbb_17:not(:disabled)):hover._radio--invalid_h0rbb_83 ._radio__input_h0rbb_17:checked~._radio__circle_h0rbb_36 ._radio__dot_h0rbb_62{background-color:var(--error-text, var(--color-danger))}._radio--invalid_h0rbb_83 ._radio__input_h0rbb_17:focus-visible~._radio__circle_h0rbb_36{box-shadow:0 0 0 2px rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.56)}._radio--invalid_h0rbb_83 ._radio__input_h0rbb_17:focus-visible:checked~._radio__circle_h0rbb_36{box-shadow:0 0 0 2px rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.56)}._radio__dot_h0rbb_62{display:block;border-radius:var(--radius-pill);pointer-events:none;transform:scale(.5);transition:transform var(--duration-quick) var(--ease-entrance)}._radio__input_h0rbb_17:checked~._radio__circle_h0rbb_36 ._radio__dot_h0rbb_62{transform:scale(1)}._radio__label_h0rbb_119{line-height:1}._radio--size-small_h0rbb_122{gap:var(--spacing-xs)}._radio--size-small_h0rbb_122 ._radio__input_h0rbb_17,._radio--size-small_h0rbb_122 ._radio__circle_h0rbb_36{width:var(--icon-size-12);height:var(--icon-size-12);margin-top:calc((var(--line-height-75) - var(--icon-size-12)) / 2)}._radio--size-small_h0rbb_122 ._radio__dot_h0rbb_62{width:6px;height:6px}._radio--size-small_h0rbb_122 ._radio__label_h0rbb_119{font-size:var(--font-size-75);line-height:var(--line-height-75)}._radio--size-medium_h0rbb_143{gap:var(--spacing-xs)}._radio--size-medium_h0rbb_143 ._radio__input_h0rbb_17,._radio--size-medium_h0rbb_143 ._radio__circle_h0rbb_36{width:var(--icon-size-16);height:var(--icon-size-16);margin-top:calc((var(--line-height-100) - var(--icon-size-16)) / 2)}._radio--size-medium_h0rbb_143 ._radio__dot_h0rbb_62{width:8px;height:8px}._radio--size-medium_h0rbb_143 ._radio__label_h0rbb_119{font-size:var(--font-size-100);line-height:var(--line-height-100)}._radio--size-large_h0rbb_164{gap:var(--spacing-s)}._radio--size-large_h0rbb_164 ._radio__input_h0rbb_17,._radio--size-large_h0rbb_164 ._radio__circle_h0rbb_36{width:var(--icon-size-20);height:var(--icon-size-20);margin-top:calc((var(--line-height-200) - var(--icon-size-20)) / 2)}._radio--size-large_h0rbb_164 ._radio__dot_h0rbb_62{width:10px;height:10px}._radio--size-large_h0rbb_164 ._radio__label_h0rbb_119{font-size:var(--font-size-200);line-height:var(--line-height-200)}
+._radio_1v3hu_13{position:relative;display:flex;align-items:flex-start;width:100%;gap:var(--spacing-xs);font-family:var(--font-family-body);font-weight:var(--font-weight-regular);color:var(--center-channel-color);cursor:pointer;-webkit-user-select:none;user-select:none}._radio_1v3hu_13._radio_1v3hu_13{margin:0}._radio_1v3hu_13:has(._radio__input_1v3hu_28:disabled){cursor:not-allowed;color:rgba(var(--center-channel-color-rgb),.56)}._radio__input_1v3hu_28{position:absolute;left:0;top:0;margin:0;padding:0;opacity:0;overflow:hidden;white-space:nowrap;border:0;cursor:inherit}._radio__input_1v3hu_28:focus-visible{outline:none}._radio__circle_1v3hu_47{position:relative;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.24);border-radius:var(--radius-pill);transition:background-color var(--duration-quick) var(--ease-transition),border-color var(--duration-quick) var(--ease-transition),border-width var(--duration-quick) var(--ease-transition),box-shadow var(--duration-quick) var(--ease-transition)}._radio__input_1v3hu_28:focus-visible~._radio__circle_1v3hu_47{box-shadow:0 0 0 2px rgba(var(--button-bg-rgb),.56)}._radio_1v3hu_13:has(._radio__input_1v3hu_28:not(:disabled)):hover ._radio__circle_1v3hu_47{border-color:rgba(var(--center-channel-color-rgb),.32)}._radio__input_1v3hu_28:disabled~._radio__circle_1v3hu_47{border-color:rgba(var(--center-channel-color-rgb),.16)}._radio__input_1v3hu_28:checked~._radio__circle_1v3hu_47{background-color:var(--center-channel-bg);border-width:1px;border-color:var(--button-bg)}._radio__input_1v3hu_28:checked~._radio__circle_1v3hu_47 ._radio__dot_1v3hu_73{background-color:var(--button-bg)}._radio_1v3hu_13:has(._radio__input_1v3hu_28:not(:disabled)):hover ._radio__input_1v3hu_28:checked~._radio__circle_1v3hu_47{border-color:var(--button-bg)}._radio_1v3hu_13:has(._radio__input_1v3hu_28:not(:disabled)):hover ._radio__input_1v3hu_28:checked~._radio__circle_1v3hu_47 ._radio__dot_1v3hu_73{background-color:var(--button-bg)}._radio__input_1v3hu_28:focus-visible:checked~._radio__circle_1v3hu_47{border-color:var(--button-bg);box-shadow:0 0 0 2px rgba(var(--button-bg-rgb),.56)}._radio__input_1v3hu_28:disabled:checked~._radio__circle_1v3hu_47{background-color:var(--center-channel-bg);border-color:rgba(var(--center-channel-color-rgb),.32);border-width:1px}._radio__input_1v3hu_28:disabled:checked~._radio__circle_1v3hu_47 ._radio__dot_1v3hu_73{background-color:rgba(var(--center-channel-color-rgb),.32)}._radio--invalid_1v3hu_94 ._radio__circle_1v3hu_47{border-color:var(--error-text, var(--color-danger))}._radio_1v3hu_13:has(._radio__input_1v3hu_28:not(:disabled)):hover._radio--invalid_1v3hu_94 ._radio__input_1v3hu_28:not(:checked)~._radio__circle_1v3hu_47{border-color:var(--error-text, var(--color-danger))}._radio--invalid_1v3hu_94 ._radio__input_1v3hu_28:checked~._radio__circle_1v3hu_47{background-color:var(--center-channel-bg);border-width:1px;border-color:var(--error-text, var(--color-danger))}._radio--invalid_1v3hu_94 ._radio__input_1v3hu_28:checked~._radio__circle_1v3hu_47 ._radio__dot_1v3hu_73{background-color:var(--error-text, var(--color-danger))}._radio_1v3hu_13:has(._radio__input_1v3hu_28:not(:disabled)):hover._radio--invalid_1v3hu_94 ._radio__input_1v3hu_28:checked~._radio__circle_1v3hu_47{border-color:var(--error-text, var(--color-danger))}._radio_1v3hu_13:has(._radio__input_1v3hu_28:not(:disabled)):hover._radio--invalid_1v3hu_94 ._radio__input_1v3hu_28:checked~._radio__circle_1v3hu_47 ._radio__dot_1v3hu_73{background-color:var(--error-text, var(--color-danger))}._radio--invalid_1v3hu_94 ._radio__input_1v3hu_28:focus-visible~._radio__circle_1v3hu_47{box-shadow:0 0 0 2px rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.56)}._radio--invalid_1v3hu_94 ._radio__input_1v3hu_28:focus-visible:checked~._radio__circle_1v3hu_47{box-shadow:0 0 0 2px rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.56)}._radio__dot_1v3hu_73{display:block;border-radius:var(--radius-pill);pointer-events:none;transform:scale(.5);transition:transform var(--duration-quick) var(--ease-entrance)}._radio__input_1v3hu_28:checked~._radio__circle_1v3hu_47 ._radio__dot_1v3hu_73{transform:scale(1)}._radio__label_1v3hu_130{line-height:1}._radio--size-small_1v3hu_133{gap:var(--spacing-xs)}._radio--size-small_1v3hu_133 ._radio__input_1v3hu_28,._radio--size-small_1v3hu_133 ._radio__circle_1v3hu_47{width:var(--icon-size-12);height:var(--icon-size-12);margin-top:calc((var(--line-height-75) - var(--icon-size-12)) / 2)}._radio--size-small_1v3hu_133 ._radio__dot_1v3hu_73{width:6px;height:6px}._radio--size-small_1v3hu_133 ._radio__label_1v3hu_130{font-size:var(--font-size-75);line-height:var(--line-height-75)}._radio--size-medium_1v3hu_154{gap:var(--spacing-xs)}._radio--size-medium_1v3hu_154 ._radio__input_1v3hu_28,._radio--size-medium_1v3hu_154 ._radio__circle_1v3hu_47{width:var(--icon-size-16);height:var(--icon-size-16);margin-top:calc((var(--line-height-100) - var(--icon-size-16)) / 2)}._radio--size-medium_1v3hu_154 ._radio__dot_1v3hu_73{width:8px;height:8px}._radio--size-medium_1v3hu_154 ._radio__label_1v3hu_130{font-size:var(--font-size-100);line-height:var(--line-height-100)}._radio--size-large_1v3hu_175{gap:var(--spacing-s)}._radio--size-large_1v3hu_175 ._radio__input_1v3hu_28,._radio--size-large_1v3hu_175 ._radio__circle_1v3hu_47{width:var(--icon-size-20);height:var(--icon-size-20);margin-top:calc((var(--line-height-200) - var(--icon-size-20)) / 2)}._radio--size-large_1v3hu_175 ._radio__dot_1v3hu_73{width:10px;height:10px}._radio--size-large_1v3hu_175 ._radio__label_1v3hu_130{font-size:var(--font-size-200);line-height:var(--line-height-200)}

package/dist/components/radio/Radio.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Radio.css');const _="_radio_h0rbb_2",i="_radio__input_h0rbb_17",r="_radio__circle_h0rbb_36",o="_radio__dot_h0rbb_62",a="_radio__label_h0rbb_119",d={radio:_,radio__input:i,radio__circle:r,radio__dot:o,"radio--invalid":"_radio--invalid_h0rbb_83",radio__label:a,"radio--size-small":"_radio--size-small_h0rbb_122","radio--size-medium":"_radio--size-medium_h0rbb_143","radio--size-large":"_radio--size-large_h0rbb_164"};exports.default=d;exports.radio=_;exports.radio__circle=r;exports.radio__dot=o;exports.radio__input=i;exports.radio__label=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Radio.css');const _="_radio_1v3hu_13",i="_radio__input_1v3hu_28",o="_radio__circle_1v3hu_47",a="_radio__dot_1v3hu_73",d="_radio__label_1v3hu_130",r={radio:_,radio__input:i,radio__circle:o,radio__dot:a,"radio--invalid":"_radio--invalid_1v3hu_94",radio__label:d,"radio--size-small":"_radio--size-small_1v3hu_133","radio--size-medium":"_radio--size-medium_1v3hu_154","radio--size-large":"_radio--size-large_1v3hu_175"};exports.default=r;exports.radio=_;exports.radio__circle=o;exports.radio__dot=a;exports.radio__input=i;exports.radio__label=d;
 //# sourceMappingURL=Radio.module.scss.cjs.map

package/dist/components/radio/Radio.module.scss.js

@@ -1,20 +1,20 @@
-import './Radio.css';const _ = "_radio_h0rbb_2", i = "_radio__input_h0rbb_17", r = "_radio__circle_h0rbb_36", a = "_radio__dot_h0rbb_62", o = "_radio__label_h0rbb_119", d = {
+import './Radio.css';const _ = "_radio_1v3hu_13", i = "_radio__input_1v3hu_28", a = "_radio__circle_1v3hu_47", o = "_radio__dot_1v3hu_73", d = "_radio__label_1v3hu_130", r = {
   radio: _,
   radio__input: i,
-  radio__circle: r,
-  radio__dot: a,
-  "radio--invalid": "_radio--invalid_h0rbb_83",
-  radio__label: o,
-  "radio--size-small": "_radio--size-small_h0rbb_122",
-  "radio--size-medium": "_radio--size-medium_h0rbb_143",
-  "radio--size-large": "_radio--size-large_h0rbb_164"
+  radio__circle: a,
+  radio__dot: o,
+  "radio--invalid": "_radio--invalid_1v3hu_94",
+  radio__label: d,
+  "radio--size-small": "_radio--size-small_1v3hu_133",
+  "radio--size-medium": "_radio--size-medium_1v3hu_154",
+  "radio--size-large": "_radio--size-large_1v3hu_175"
 };
 export {
-  d as default,
+  r as default,
   _ as radio,
-  r as radio__circle,
-  a as radio__dot,
+  a as radio__circle,
+  o as radio__dot,
   i as radio__input,
-  o as radio__label
+  d as radio__label
 };
 //# sourceMappingURL=Radio.module.scss.js.map

package/dist/components/reaction-button/ReactionButton.css

@@ -1 +1 @@
-@keyframes _reaction-count-up_15oyo_1{0%{transform:translateY(var(--spacing-xxs));opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _reaction-count-down_15oyo_1{0%{transform:translateY(calc(var(--spacing-xxs) * -1));opacity:0}to{transform:translateY(0);opacity:1}}._reaction-button_15oyo_22{display:inline-flex;align-items:center;gap:var(--spacing-xxxs);padding:var(--spacing-xxxs) var(--spacing-xxs);border:none;border-radius:var(--radius-s);background-color:rgba(var(--center-channel-color-rgb),.08);cursor:pointer;outline:2px solid color-mix(in srgb,var(--focus-ring-color) 0%,transparent);outline-offset:0;transition:background-color var(--duration-quick) var(--ease-transition),box-shadow var(--duration-quick) var(--ease-transition),outline-color var(--duration-quick) var(--ease-transition),outline-offset var(--duration-quick) var(--ease-transition)}._reaction-button_15oyo_22:hover{background-color:rgba(var(--center-channel-color-rgb),.12)}._reaction-button_15oyo_22:focus-visible{outline-color:var(--focus-ring-color);outline-offset:3px}._reaction-button--mine_15oyo_42{background-color:rgba(var(--link-color-rgb),.08);box-shadow:inset 0 0 0 1px var(--link-color)}._reaction-button--mine_15oyo_42:hover{background-color:rgba(var(--link-color-rgb),.12)}._reaction-button--mine_15oyo_42 ._reaction-button__count_15oyo_49{color:var(--link-color)}._reaction-button__emoji_15oyo_52{font-size:var(--font-size-200);line-height:var(--line-height-50)}._reaction-button__count_15oyo_49{font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.56)}._reaction-button__count--anim-up_15oyo_63{animation:_reaction-count-up_15oyo_1 var(--duration-moderate) var(--ease-entrance)}._reaction-button__count--anim-down_15oyo_66{animation:_reaction-count-down_15oyo_1 var(--duration-moderate) var(--ease-entrance)}
+@keyframes _reaction-count-up_195fe_1{0%{transform:translateY(var(--spacing-xxs));opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _reaction-count-down_195fe_1{0%{transform:translateY(calc(var(--spacing-xxs) * -1));opacity:0}to{transform:translateY(0);opacity:1}}._reaction-button_195fe_33{display:inline-flex;align-items:center;gap:var(--spacing-xxxs);padding:var(--spacing-xxxs) var(--spacing-xxs);border:none;border-radius:var(--radius-s);background-color:rgba(var(--center-channel-color-rgb),.08);cursor:pointer;outline:none}._reaction-button_195fe_33:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:3px;animation:_focus-ring-in_195fe_1 var(--duration-quick) var(--ease-transition)}@media(prefers-reduced-motion:reduce){._reaction-button_195fe_33:focus-visible{animation:none}}._reaction-button_195fe_33:not(._-host-shadow-a_195fe_54):not(._-host-shadow-b_195fe_54){box-shadow:none;border-radius:var(--radius-s)}@keyframes _focus-ring-in_195fe_1{0%{outline-color:transparent;outline-offset:0}}._reaction-button_195fe_33:hover:not([aria-pressed]){transition:background-color var(--duration-quick) var(--ease-transition),box-shadow var(--duration-quick) var(--ease-transition)}._reaction-button_195fe_33:hover{background-color:rgba(var(--center-channel-color-rgb),.12)}._reaction-button--mine_195fe_70{background-color:rgba(var(--link-color-rgb),.08);box-shadow:inset 0 0 0 1px var(--link-color)}._reaction-button--mine_195fe_70:hover{background-color:rgba(var(--link-color-rgb),.12)}._reaction-button--mine_195fe_70:not(._-host-shadow-a_195fe_54):not(._-host-shadow-b_195fe_54){box-shadow:inset 0 0 0 1px var(--link-color)}._reaction-button--mine_195fe_70 ._reaction-button__count_195fe_80{color:var(--link-color)}._reaction-button__emoji_195fe_83{font-size:var(--font-size-200);line-height:var(--line-height-50)}._reaction-button__count_195fe_80{font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.56)}._reaction-button__count--anim-up_195fe_94{animation:_reaction-count-up_195fe_1 var(--duration-moderate) var(--ease-entrance)}._reaction-button__count--anim-down_195fe_97{animation:_reaction-count-down_195fe_1 var(--duration-moderate) var(--ease-entrance)}

package/dist/components/reaction-button/ReactionButton.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ReactionButton.css');const o={"reaction-button":"_reaction-button_15oyo_22","reaction-button--mine":"_reaction-button--mine_15oyo_42","reaction-button__count":"_reaction-button__count_15oyo_49","reaction-button__emoji":"_reaction-button__emoji_15oyo_52","reaction-button__count--anim-up":"_reaction-button__count--anim-up_15oyo_63","reaction-button__count--anim-down":"_reaction-button__count--anim-down_15oyo_66"};exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ReactionButton.css');const t={"reaction-button":"_reaction-button_195fe_33","reaction-button--mine":"_reaction-button--mine_195fe_70","reaction-button__count":"_reaction-button__count_195fe_80","reaction-button__emoji":"_reaction-button__emoji_195fe_83","reaction-button__count--anim-up":"_reaction-button__count--anim-up_195fe_94","reaction-button__count--anim-down":"_reaction-button__count--anim-down_195fe_97"};exports.default=t;
 //# sourceMappingURL=ReactionButton.module.scss.cjs.map

package/dist/components/reaction-button/ReactionButton.module.scss.js

@@ -1,12 +1,12 @@
-import './ReactionButton.css';const o = {
-  "reaction-button": "_reaction-button_15oyo_22",
-  "reaction-button--mine": "_reaction-button--mine_15oyo_42",
-  "reaction-button__count": "_reaction-button__count_15oyo_49",
-  "reaction-button__emoji": "_reaction-button__emoji_15oyo_52",
-  "reaction-button__count--anim-up": "_reaction-button__count--anim-up_15oyo_63",
-  "reaction-button__count--anim-down": "_reaction-button__count--anim-down_15oyo_66"
+import './ReactionButton.css';const t = {
+  "reaction-button": "_reaction-button_195fe_33",
+  "reaction-button--mine": "_reaction-button--mine_195fe_70",
+  "reaction-button__count": "_reaction-button__count_195fe_80",
+  "reaction-button__emoji": "_reaction-button__emoji_195fe_83",
+  "reaction-button__count--anim-up": "_reaction-button__count--anim-up_195fe_94",
+  "reaction-button__count--anim-down": "_reaction-button__count--anim-down_195fe_97"
 };
 export {
-  o as default
+  t as default
 };
 //# sourceMappingURL=ReactionButton.module.scss.js.map

package/dist/components/reactions-row/ReactionsRow.css

@@ -1 +1 @@
-._reactions-row_2mtjp_2{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-xxxxs) 0}._reactions-row__buttons_2mtjp_9{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xxxs)}@media(hover:hover)and (pointer:fine){._reactions-row__add-reaction_2mtjp_16{opacity:0;pointer-events:none;transition:opacity var(--duration-quick) var(--ease-transition)}._reactions-row_2mtjp_2:hover ._reactions-row__add-reaction_2mtjp_16,._reactions-row_2mtjp_2:focus-within ._reactions-row__add-reaction_2mtjp_16{opacity:1;pointer-events:auto}}._reactions-row__ack_2mtjp_26{display:inline-flex;align-items:center;gap:var(--spacing-xxxs);padding:var(--spacing-xxxs) var(--spacing-xxs);border:none;border-radius:var(--radius-s);background-color:rgba(var(--color-success-rgb),.12);color:var(--color-success);cursor:pointer;outline:2px solid color-mix(in srgb,var(--color-success) 0%,transparent);outline-offset:0;transition:background-color var(--duration-quick) var(--ease-transition),outline-color var(--duration-quick) var(--ease-transition),outline-offset var(--duration-quick) var(--ease-transition)}._reactions-row__ack_2mtjp_26:hover{background-color:rgba(var(--color-success-rgb),.2)}._reactions-row__ack_2mtjp_26:focus-visible{outline-color:var(--color-success);outline-offset:3px}._reactions-row__ack--active_2mtjp_47{background-color:var(--color-success);color:var(--button-color)}._reactions-row__ack--active_2mtjp_47:hover{background-color:color-mix(in srgb,black 8%,var(--color-success))}._reactions-row__ack-icon_2mtjp_54{display:inline-flex;align-items:center}._reactions-row__ack-count_2mtjp_58,._reactions-row__ack-label_2mtjp_64{font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75)}
+._reactions-row_1myyt_13{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-xxxxs) 0}._reactions-row__buttons_1myyt_20{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xxxs)}@media(hover:hover)and (pointer:fine){._reactions-row__add-reaction_1myyt_27{opacity:0;pointer-events:none;transition:opacity var(--duration-quick) var(--ease-transition)}._reactions-row_1myyt_13:hover ._reactions-row__add-reaction_1myyt_27,._reactions-row_1myyt_13:focus-within ._reactions-row__add-reaction_1myyt_27{opacity:1;pointer-events:auto}}._reactions-row__ack_1myyt_37{display:inline-flex;align-items:center;gap:var(--spacing-xxxs);padding:var(--spacing-xxxs) var(--spacing-xxs);border:none;border-radius:var(--radius-s);background-color:rgba(var(--color-success-rgb),.12);color:var(--color-success);cursor:pointer;outline:none}._reactions-row__ack_1myyt_37:focus-visible{outline:2px solid var(--color-success);outline-offset:3px;animation:_focus-ring-in_1myyt_1 var(--duration-quick) var(--ease-transition)}@media(prefers-reduced-motion:reduce){._reactions-row__ack_1myyt_37:focus-visible{animation:none}}._reactions-row__ack_1myyt_37:not(._-host-shadow-a_1myyt_59):not(._-host-shadow-b_1myyt_59){box-shadow:none;border-radius:var(--radius-s)}@keyframes _focus-ring-in_1myyt_1{0%{outline-color:transparent;outline-offset:0}}._reactions-row__ack_1myyt_37:hover:not([aria-pressed]){transition:background-color var(--duration-quick) var(--ease-transition)}._reactions-row__ack_1myyt_37:hover{background-color:rgba(var(--color-success-rgb),.2)}._reactions-row__ack--active_1myyt_75{background-color:var(--color-success);color:var(--button-color)}._reactions-row__ack--active_1myyt_75:hover{background-color:color-mix(in srgb,black 8%,var(--color-success))}._reactions-row__ack-icon_1myyt_82{display:inline-flex;align-items:center}._reactions-row__ack-count_1myyt_86,._reactions-row__ack-label_1myyt_92{font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75)}

package/dist/components/reactions-row/ReactionsRow.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ReactionsRow.css');const _={"reactions-row":"_reactions-row_2mtjp_2","reactions-row__buttons":"_reactions-row__buttons_2mtjp_9","reactions-row__add-reaction":"_reactions-row__add-reaction_2mtjp_16","reactions-row__ack":"_reactions-row__ack_2mtjp_26","reactions-row__ack--active":"_reactions-row__ack--active_2mtjp_47","reactions-row__ack-icon":"_reactions-row__ack-icon_2mtjp_54","reactions-row__ack-count":"_reactions-row__ack-count_2mtjp_58","reactions-row__ack-label":"_reactions-row__ack-label_2mtjp_64"};exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ReactionsRow.css');const _={"reactions-row":"_reactions-row_1myyt_13","reactions-row__buttons":"_reactions-row__buttons_1myyt_20","reactions-row__add-reaction":"_reactions-row__add-reaction_1myyt_27","reactions-row__ack":"_reactions-row__ack_1myyt_37","reactions-row__ack--active":"_reactions-row__ack--active_1myyt_75","reactions-row__ack-icon":"_reactions-row__ack-icon_1myyt_82","reactions-row__ack-count":"_reactions-row__ack-count_1myyt_86","reactions-row__ack-label":"_reactions-row__ack-label_1myyt_92"};exports.default=_;
 //# sourceMappingURL=ReactionsRow.module.scss.cjs.map

package/dist/components/reactions-row/ReactionsRow.module.scss.js

@@ -1,12 +1,12 @@
 import './ReactionsRow.css';const _ = {
-  "reactions-row": "_reactions-row_2mtjp_2",
-  "reactions-row__buttons": "_reactions-row__buttons_2mtjp_9",
-  "reactions-row__add-reaction": "_reactions-row__add-reaction_2mtjp_16",
-  "reactions-row__ack": "_reactions-row__ack_2mtjp_26",
-  "reactions-row__ack--active": "_reactions-row__ack--active_2mtjp_47",
-  "reactions-row__ack-icon": "_reactions-row__ack-icon_2mtjp_54",
-  "reactions-row__ack-count": "_reactions-row__ack-count_2mtjp_58",
-  "reactions-row__ack-label": "_reactions-row__ack-label_2mtjp_64"
+  "reactions-row": "_reactions-row_1myyt_13",
+  "reactions-row__buttons": "_reactions-row__buttons_1myyt_20",
+  "reactions-row__add-reaction": "_reactions-row__add-reaction_1myyt_27",
+  "reactions-row__ack": "_reactions-row__ack_1myyt_37",
+  "reactions-row__ack--active": "_reactions-row__ack--active_1myyt_75",
+  "reactions-row__ack-icon": "_reactions-row__ack-icon_1myyt_82",
+  "reactions-row__ack-count": "_reactions-row__ack-count_1myyt_86",
+  "reactions-row__ack-label": "_reactions-row__ack-label_1myyt_92"
 };
 export {
   _ as default

package/dist/components/right-sidebar-header/RightSidebarHeader.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__S=require("@mattermost/compass-icons/components/arrow-collapse.js"),S=__S?.default??__S,__A=require("@mattermost/compass-icons/components/arrow-expand.js"),A=__A?.default??__A,__H=require("@mattermost/compass-icons/components/arrow-left.js"),H=__H?.default??__H,__M=require("@mattermost/compass-icons/components/close.js"),M=__M?.default??__M,__O=require("@mattermost/compass-icons/components/dock-window.js"),O=__O?.default??__O,i=require("../icon/Icon.cjs"),l=require("../icon-button/IconButton.cjs"),D=require("../tag/Tag.cjs"),E=require("../../utils/props.cjs"),a=require("./RightSidebarHeader.module.scss.cjs");function W({title:m,secondaryTitle:r,onSecondaryTitleClick:d,secondaryTitleButtonProps:s,tag:c,tagType:o="info",leadingIcon:h,onBack:t,backLabel:N="Back",onExpand:u,expanded:n=!1,expandLabel:q="Expand",collapseLabel:C="Collapse",onPopout:f,popoutLabel:z="Open in new window",onClose:j,closeLabel:k="Close",actionLabel:x,onActionClick:v,actionActive:_=!1,actions:w,className:I="",...p}){const R=[a.default["right-sidebar-header"],I].filter(Boolean).join(" ");return e.jsxs("div",{...p,className:R,children:[e.jsxs("div",{className:a.default["right-sidebar-header__left"],children:[e.jsxs("div",{className:a.default["right-sidebar-header__primary"],children:[t&&e.jsx(l.default,{className:a.default["right-sidebar-header__back"],size:"small","aria-label":N,onClick:t,icon:e.jsx(i.default,{size:"16",glyph:e.jsx(H,{})})}),h&&e.jsx("span",{className:a.default["right-sidebar-header__leading-icon"],children:h}),e.jsx("span",{className:a.default["right-sidebar-header__title"],children:m}),c&&e.jsx("span",{className:a.default["right-sidebar-header__tag"],children:e.jsx(D.default,{label:c,type:o,size:"x-small",casing:"all-caps"})})]}),r&&e.jsx("div",{className:a.default["right-sidebar-header__secondary"],children:d?e.jsx("button",{type:"button",...s,className:E.mergeClassNames(a.default["right-sidebar-header__secondary-text"],a.default["right-sidebar-header__secondary-button"],s==null?void 0:s.className),onClick:b=>{var g;d(b),(g=s==null?void 0:s.onClick)==null||g.call(s,b)},children:r}):e.jsx("span",{className:a.default["right-sidebar-header__secondary-text"],children:r})})]}),e.jsxs("div",{className:a.default["right-sidebar-header__actions"],children:[x&&e.jsx("button",{type:"button",className:[a.default["right-sidebar-header__action"],_?a.default["right-sidebar-header__action--active"]:""].filter(Boolean).join(" "),onClick:v,"aria-pressed":_?!0:void 0,children:x}),w,u&&e.jsx(l.default,{size:"small","aria-label":n?C:q,onClick:u,icon:e.jsx(i.default,{size:"16",glyph:n?e.jsx(S,{}):e.jsx(A,{})})}),f&&e.jsx(l.default,{size:"small","aria-label":z,onClick:f,icon:e.jsx(i.default,{size:"16",glyph:e.jsx(O,{})})}),j&&e.jsx(l.default,{size:"small","aria-label":k,onClick:j,icon:e.jsx(i.default,{size:"16",glyph:e.jsx(M,{})})})]})]})}exports.default=W;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__S=require("@mattermost/compass-icons/components/arrow-collapse.js"),S=__S?.default??__S,__A=require("@mattermost/compass-icons/components/arrow-expand.js"),A=__A?.default??__A,__H=require("@mattermost/compass-icons/components/arrow-left.js"),H=__H?.default??__H,__M=require("@mattermost/compass-icons/components/close.js"),M=__M?.default??__M,__O=require("@mattermost/compass-icons/components/dock-window.js"),O=__O?.default??__O,D=require("../button/Button.cjs"),i=require("../icon/Icon.cjs"),l=require("../icon-button/IconButton.cjs"),E=require("../tag/Tag.cjs"),W=require("../../utils/props.cjs"),a=require("./RightSidebarHeader.module.scss.cjs");function F({title:g,secondaryTitle:r,onSecondaryTitleClick:d,secondaryTitleButtonProps:s,tag:c,tagType:o="info",leadingIcon:h,onBack:t,backLabel:N="Back",onExpand:u,expanded:n=!1,expandLabel:q="Expand",collapseLabel:C="Collapse",onPopout:f,popoutLabel:z="Open in new window",onClose:j,closeLabel:k="Close",actionLabel:x,onActionClick:v,actionActive:_=!1,actions:w,className:p="",...I}){const R=[a.default["right-sidebar-header"],p].filter(Boolean).join(" ");return e.jsxs("div",{...I,className:R,children:[e.jsxs("div",{className:a.default["right-sidebar-header__left"],children:[e.jsxs("div",{className:a.default["right-sidebar-header__primary"],children:[t&&e.jsx(l.default,{className:a.default["right-sidebar-header__back"],size:"small","aria-label":N,onClick:t,icon:e.jsx(i.default,{size:"16",glyph:e.jsx(H,{})})}),h&&e.jsx("span",{className:a.default["right-sidebar-header__leading-icon"],children:h}),e.jsx("span",{className:a.default["right-sidebar-header__title"],children:g}),c&&e.jsx("span",{className:a.default["right-sidebar-header__tag"],children:e.jsx(E.default,{label:c,type:o,size:"x-small",casing:"all-caps"})})]}),r&&e.jsx("div",{className:a.default["right-sidebar-header__secondary"],children:d?e.jsx("button",{type:"button",...s,className:W.mergeClassNames(a.default["right-sidebar-header__secondary-text"],a.default["right-sidebar-header__secondary-button"],s==null?void 0:s.className),onClick:m=>{var b;d(m),(b=s==null?void 0:s.onClick)==null||b.call(s,m)},children:r}):e.jsx("span",{className:a.default["right-sidebar-header__secondary-text"],children:r})})]}),e.jsxs("div",{className:a.default["right-sidebar-header__actions"],children:[x&&e.jsx(D.default,{emphasis:"dim",size:"small",compact:!0,className:[a.default["right-sidebar-header__action"],_?a.default["right-sidebar-header__action--active"]:""].filter(Boolean).join(" "),onClick:v,"aria-pressed":_?!0:void 0,children:x}),w,u&&e.jsx(l.default,{size:"small","aria-label":n?C:q,onClick:u,icon:e.jsx(i.default,{size:"16",glyph:n?e.jsx(S,{}):e.jsx(A,{})})}),f&&e.jsx(l.default,{size:"small","aria-label":z,onClick:f,icon:e.jsx(i.default,{size:"16",glyph:e.jsx(O,{})})}),j&&e.jsx(l.default,{size:"small","aria-label":k,onClick:j,icon:e.jsx(i.default,{size:"16",glyph:e.jsx(M,{})})})]})]})}exports.default=F;
 //# sourceMappingURL=RightSidebarHeader.cjs.map

package/dist/components/right-sidebar-header/RightSidebarHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RightSidebarHeader.cjs","sources":["../../../src/components/right-sidebar-header/RightSidebarHeader.tsx"],"sourcesContent":["import type { HTMLAttributes, MouseEvent, ReactNode } from 'react';\nimport ArrowCollapseIcon from '@mattermost/compass-icons/components/arrow-collapse';\nimport ArrowExpandIcon from '@mattermost/compass-icons/components/arrow-expand';\nimport ArrowLeftIcon from '@mattermost/compass-icons/components/arrow-left';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport DockWindowIcon from '@mattermost/compass-icons/components/dock-window';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Tag from '@/components/tag/Tag';\nimport type { TagType } from '@/components/tag/Tag';\nimport { mergeClassNames } from '@/utils/props';\nimport type { BuiltInButtonProps } from '@/utils/props';\nimport styles from './RightSidebarHeader.module.scss';\n\nexport interface RightSidebarHeaderProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'title' | 'children' | 'dangerouslySetInnerHTML'\n> {\n  /** Primary title text. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n  title: ReactNode;\n  /** Secondary title shown to the right of a vertical divider (e.g. parent channel name). */\n  secondaryTitle?: ReactNode;\n  /** When set, the secondary title renders as a button (e.g. to open the parent channel) and calls this on click with the event. It looks the same at rest and shows a dim background on hover. */\n  onSecondaryTitleClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n  /** Extra attributes for the secondary title button (e.g. `aria-label`, `data-testid`). Only used with `onSecondaryTitleClick`; its `onClick` also runs, after that handler. */\n  secondaryTitleButtonProps?: BuiltInButtonProps;\n  /** Optional tag rendered next to the title (e.g. \"BETA\"). */\n  tag?: ReactNode;\n  /** Tag visual style. Default: Info. */\n  tagType?: TagType;\n  /** Optional leading element shown before the title — typically a `UserAvatar` or an icon. When passing an icon, use `<Icon glyph={<SomeIcon />} size=\"20\" />` to align with the title text. */\n  leadingIcon?: ReactNode;\n  /** When set, shows a back button and calls this on click. */\n  onBack?: () => void;\n  /** Accessible name for the back button. Default: \"Back\". */\n  backLabel?: string;\n  /** When set, shows an expand/collapse button and calls this on click. */\n  onExpand?: () => void;\n  /** When true, the expand button shows the collapse icon. Requires `onExpand`. */\n  expanded?: boolean;\n  /** Accessible name for the expand button while collapsed. Default: \"Expand\". */\n  expandLabel?: string;\n  /** Accessible name for the expand button while expanded. Default: \"Collapse\". */\n  collapseLabel?: string;\n  /** When set, shows a pop out button (open in a new window) between expand and close, and calls this on click. */\n  onPopout?: () => void;\n  /** Accessible name for the pop out button. Default: \"Open in new window\". */\n  popoutLabel?: string;\n  /** When set, shows a close button and calls this on click. */\n  onClose?: () => void;\n  /** Accessible name for the close button. Default: \"Close\". */\n  closeLabel?: string;\n  /** Optional inline action label (e.g. \"Follow\"). Accepts translated nodes. */\n  actionLabel?: ReactNode;\n  /** Click handler for the action label. */\n  onActionClick?: () => void;\n  /** When true, the action button shows in its active state. */\n  actionActive?: boolean;\n  /** Optional custom actions (e.g. a Filters `Button` + popover) rendered in the actions region after `actionLabel` and before the expand / pop out / close buttons. */\n  actions?: ReactNode;\n  className?: string;\n}\n\nexport default function RightSidebarHeader({\n  title,\n  secondaryTitle,\n  onSecondaryTitleClick,\n  secondaryTitleButtonProps,\n  tag,\n  tagType = 'info',\n  leadingIcon,\n  onBack,\n  backLabel = 'Back',\n  onExpand,\n  expanded = false,\n  expandLabel = 'Expand',\n  collapseLabel = 'Collapse',\n  onPopout,\n  popoutLabel = 'Open in new window',\n  onClose,\n  closeLabel = 'Close',\n  actionLabel,\n  onActionClick,\n  actionActive = false,\n  actions,\n  className = '',\n  ...rest\n}: RightSidebarHeaderProps) {\n  const rootClass = [styles['right-sidebar-header'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div {...rest} className={rootClass}>\n      <div className={styles['right-sidebar-header__left']}>\n        <div className={styles['right-sidebar-header__primary']}>\n          {onBack && (\n            <IconButton\n              className={styles['right-sidebar-header__back']}\n              size=\"small\"\n              aria-label={backLabel}\n              onClick={onBack}\n              icon={<Icon size=\"16\" glyph={<ArrowLeftIcon />} />}\n            />\n          )}\n          {leadingIcon && (\n            <span className={styles['right-sidebar-header__leading-icon']}>\n              {leadingIcon}\n            </span>\n          )}\n          <span className={styles['right-sidebar-header__title']}>{title}</span>\n          {tag && (\n            <span className={styles['right-sidebar-header__tag']}>\n              <Tag\n                label={tag}\n                type={tagType}\n                size=\"x-small\"\n                casing=\"all-caps\"\n              />\n            </span>\n          )}\n        </div>\n        {secondaryTitle && (\n          <div className={styles['right-sidebar-header__secondary']}>\n            {onSecondaryTitleClick ? (\n              <button\n                type=\"button\"\n                {...secondaryTitleButtonProps}\n                className={mergeClassNames(\n                  styles['right-sidebar-header__secondary-text'],\n                  styles['right-sidebar-header__secondary-button'],\n                  secondaryTitleButtonProps?.className,\n                )}\n                onClick={(event) => {\n                  onSecondaryTitleClick(event);\n                  secondaryTitleButtonProps?.onClick?.(event);\n                }}\n              >\n                {secondaryTitle}\n              </button>\n            ) : (\n              <span className={styles['right-sidebar-header__secondary-text']}>\n                {secondaryTitle}\n              </span>\n            )}\n          </div>\n        )}\n      </div>\n\n      <div className={styles['right-sidebar-header__actions']}>\n        {actionLabel && (\n          <button\n            type=\"button\"\n            className={[\n              styles['right-sidebar-header__action'],\n              actionActive\n                ? styles['right-sidebar-header__action--active']\n                : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onClick={onActionClick}\n            aria-pressed={actionActive ? true : undefined}\n          >\n            {actionLabel}\n          </button>\n        )}\n        {actions}\n        {onExpand && (\n          <IconButton\n            size=\"small\"\n            aria-label={expanded ? collapseLabel : expandLabel}\n            onClick={onExpand}\n            icon={\n              <Icon\n                size=\"16\"\n                glyph={expanded ? <ArrowCollapseIcon /> : <ArrowExpandIcon />}\n              />\n            }\n          />\n        )}\n        {onPopout && (\n          <IconButton\n            size=\"small\"\n            aria-label={popoutLabel}\n            onClick={onPopout}\n            icon={<Icon size=\"16\" glyph={<DockWindowIcon />} />}\n          />\n        )}\n        {onClose && (\n          <IconButton\n            size=\"small\"\n            aria-label={closeLabel}\n            onClick={onClose}\n            icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["RightSidebarHeader","title","secondaryTitle","onSecondaryTitleClick","secondaryTitleButtonProps","tag","tagType","leadingIcon","onBack","backLabel","onExpand","expanded","expandLabel","collapseLabel","onPopout","popoutLabel","onClose","closeLabel","actionLabel","onActionClick","actionActive","actions","className","rest","rootClass","styles","jsxs","jsx","IconButton","Icon","ArrowLeftIcon","Tag","mergeClassNames","event","_a","ArrowCollapseIcon","ArrowExpandIcon","DockWindowIcon","CloseIcon"],"mappings":"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"}
+{"version":3,"file":"RightSidebarHeader.cjs","sources":["../../../src/components/right-sidebar-header/RightSidebarHeader.tsx"],"sourcesContent":["import type { HTMLAttributes, MouseEvent, ReactNode } from 'react';\nimport ArrowCollapseIcon from '@mattermost/compass-icons/components/arrow-collapse';\nimport ArrowExpandIcon from '@mattermost/compass-icons/components/arrow-expand';\nimport ArrowLeftIcon from '@mattermost/compass-icons/components/arrow-left';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport DockWindowIcon from '@mattermost/compass-icons/components/dock-window';\nimport Button from '@/components/button/Button';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Tag from '@/components/tag/Tag';\nimport type { TagType } from '@/components/tag/Tag';\nimport { mergeClassNames } from '@/utils/props';\nimport type { BuiltInButtonProps } from '@/utils/props';\nimport styles from './RightSidebarHeader.module.scss';\n\nexport interface RightSidebarHeaderProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'title' | 'children' | 'dangerouslySetInnerHTML'\n> {\n  /** Primary title text. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n  title: ReactNode;\n  /** Secondary title shown to the right of a vertical divider (e.g. parent channel name). */\n  secondaryTitle?: ReactNode;\n  /** When set, the secondary title renders as a button (e.g. to open the parent channel) and calls this on click with the event. It looks the same at rest and shows a dim background on hover. */\n  onSecondaryTitleClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n  /** Extra attributes for the secondary title button (e.g. `aria-label`, `data-testid`). Only used with `onSecondaryTitleClick`; its `onClick` also runs, after that handler. */\n  secondaryTitleButtonProps?: BuiltInButtonProps;\n  /** Optional tag rendered next to the title (e.g. \"BETA\"). */\n  tag?: ReactNode;\n  /** Tag visual style. Default: Info. */\n  tagType?: TagType;\n  /** Optional leading element shown before the title — typically a `UserAvatar` or an icon. When passing an icon, use `<Icon glyph={<SomeIcon />} size=\"20\" />` to align with the title text. */\n  leadingIcon?: ReactNode;\n  /** When set, shows a back button and calls this on click. */\n  onBack?: () => void;\n  /** Accessible name for the back button. Default: \"Back\". */\n  backLabel?: string;\n  /** When set, shows an expand/collapse button and calls this on click. */\n  onExpand?: () => void;\n  /** When true, the expand button shows the collapse icon. Requires `onExpand`. */\n  expanded?: boolean;\n  /** Accessible name for the expand button while collapsed. Default: \"Expand\". */\n  expandLabel?: string;\n  /** Accessible name for the expand button while expanded. Default: \"Collapse\". */\n  collapseLabel?: string;\n  /** When set, shows a pop out button (open in a new window) between expand and close, and calls this on click. */\n  onPopout?: () => void;\n  /** Accessible name for the pop out button. Default: \"Open in new window\". */\n  popoutLabel?: string;\n  /** When set, shows a close button and calls this on click. */\n  onClose?: () => void;\n  /** Accessible name for the close button. Default: \"Close\". */\n  closeLabel?: string;\n  /** Optional inline action label (e.g. \"Follow\"). Accepts translated nodes. */\n  actionLabel?: ReactNode;\n  /** Click handler for the action label. */\n  onActionClick?: () => void;\n  /** When true, the action button shows in its active state. */\n  actionActive?: boolean;\n  /** Optional custom actions (e.g. a Filters `Button` + popover) rendered in the actions region after `actionLabel` and before the expand / pop out / close buttons. */\n  actions?: ReactNode;\n  className?: string;\n}\n\nexport default function RightSidebarHeader({\n  title,\n  secondaryTitle,\n  onSecondaryTitleClick,\n  secondaryTitleButtonProps,\n  tag,\n  tagType = 'info',\n  leadingIcon,\n  onBack,\n  backLabel = 'Back',\n  onExpand,\n  expanded = false,\n  expandLabel = 'Expand',\n  collapseLabel = 'Collapse',\n  onPopout,\n  popoutLabel = 'Open in new window',\n  onClose,\n  closeLabel = 'Close',\n  actionLabel,\n  onActionClick,\n  actionActive = false,\n  actions,\n  className = '',\n  ...rest\n}: RightSidebarHeaderProps) {\n  const rootClass = [styles['right-sidebar-header'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div {...rest} className={rootClass}>\n      <div className={styles['right-sidebar-header__left']}>\n        <div className={styles['right-sidebar-header__primary']}>\n          {onBack && (\n            <IconButton\n              className={styles['right-sidebar-header__back']}\n              size=\"small\"\n              aria-label={backLabel}\n              onClick={onBack}\n              icon={<Icon size=\"16\" glyph={<ArrowLeftIcon />} />}\n            />\n          )}\n          {leadingIcon && (\n            <span className={styles['right-sidebar-header__leading-icon']}>\n              {leadingIcon}\n            </span>\n          )}\n          <span className={styles['right-sidebar-header__title']}>{title}</span>\n          {tag && (\n            <span className={styles['right-sidebar-header__tag']}>\n              <Tag\n                label={tag}\n                type={tagType}\n                size=\"x-small\"\n                casing=\"all-caps\"\n              />\n            </span>\n          )}\n        </div>\n        {secondaryTitle && (\n          <div className={styles['right-sidebar-header__secondary']}>\n            {onSecondaryTitleClick ? (\n              <button\n                type=\"button\"\n                {...secondaryTitleButtonProps}\n                className={mergeClassNames(\n                  styles['right-sidebar-header__secondary-text'],\n                  styles['right-sidebar-header__secondary-button'],\n                  secondaryTitleButtonProps?.className,\n                )}\n                onClick={(event) => {\n                  onSecondaryTitleClick(event);\n                  secondaryTitleButtonProps?.onClick?.(event);\n                }}\n              >\n                {secondaryTitle}\n              </button>\n            ) : (\n              <span className={styles['right-sidebar-header__secondary-text']}>\n                {secondaryTitle}\n              </span>\n            )}\n          </div>\n        )}\n      </div>\n\n      <div className={styles['right-sidebar-header__actions']}>\n        {actionLabel && (\n          <Button\n            emphasis=\"dim\"\n            size=\"small\"\n            compact\n            className={[\n              styles['right-sidebar-header__action'],\n              actionActive\n                ? styles['right-sidebar-header__action--active']\n                : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onClick={onActionClick}\n            aria-pressed={actionActive ? true : undefined}\n          >\n            {actionLabel}\n          </Button>\n        )}\n        {actions}\n        {onExpand && (\n          <IconButton\n            size=\"small\"\n            aria-label={expanded ? collapseLabel : expandLabel}\n            onClick={onExpand}\n            icon={\n              <Icon\n                size=\"16\"\n                glyph={expanded ? <ArrowCollapseIcon /> : <ArrowExpandIcon />}\n              />\n            }\n          />\n        )}\n        {onPopout && (\n          <IconButton\n            size=\"small\"\n            aria-label={popoutLabel}\n            onClick={onPopout}\n            icon={<Icon size=\"16\" glyph={<DockWindowIcon />} />}\n          />\n        )}\n        {onClose && (\n          <IconButton\n            size=\"small\"\n            aria-label={closeLabel}\n            onClick={onClose}\n            icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["RightSidebarHeader","title","secondaryTitle","onSecondaryTitleClick","secondaryTitleButtonProps","tag","tagType","leadingIcon","onBack","backLabel","onExpand","expanded","expandLabel","collapseLabel","onPopout","popoutLabel","onClose","closeLabel","actionLabel","onActionClick","actionActive","actions","className","rest","rootClass","styles","jsxs","jsx","IconButton","Icon","ArrowLeftIcon","Tag","mergeClassNames","event","_a","Button","ArrowCollapseIcon","ArrowExpandIcon","DockWindowIcon","CloseIcon"],"mappings":"+pBAgEA,SAAwBA,EAAmB,CACzC,MAAAC,EACA,eAAAC,EACA,sBAAAC,EACA,0BAAAC,EACA,IAAAC,EACA,QAAAC,EAAU,OACV,YAAAC,EACA,OAAAC,EACA,UAAAC,EAAY,OACZ,SAAAC,EACA,SAAAC,EAAW,GACX,YAAAC,EAAc,SACd,cAAAC,EAAgB,WAChB,SAAAC,EACA,YAAAC,EAAc,qBACd,QAAAC,EACA,WAAAC,EAAa,QACb,YAAAC,EACA,cAAAC,EACA,aAAAC,EAAe,GACf,QAAAC,EACA,UAAAC,EAAY,GACZ,GAAGC,CACL,EAA4B,CAC1B,MAAMC,EAAY,CAACC,UAAO,sBAAsB,EAAGH,CAAS,EACzD,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEI,EAAAA,KAAC,MAAA,CAAK,GAAGH,EAAM,UAAWC,EACxB,SAAA,CAAAE,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,4BAA4B,EACjD,SAAA,CAAAC,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,+BAA+B,EACnD,SAAA,CAAAjB,GACCmB,EAAAA,IAACC,EAAAA,QAAA,CACC,UAAWH,EAAAA,QAAO,4BAA4B,EAC9C,KAAK,QACL,aAAYhB,EACZ,QAASD,EACT,WAAOqB,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOF,EAAAA,IAACG,IAAc,CAAA,CAAI,CAAA,CAAA,EAGnDvB,GACCoB,EAAAA,IAAC,OAAA,CAAK,UAAWF,EAAAA,QAAO,oCAAoC,EACzD,SAAAlB,EACH,QAED,OAAA,CAAK,UAAWkB,EAAAA,QAAO,6BAA6B,EAAI,SAAAxB,EAAM,EAC9DI,GACCsB,EAAAA,IAAC,OAAA,CAAK,UAAWF,EAAAA,QAAO,2BAA2B,EACjD,SAAAE,EAAAA,IAACI,EAAAA,QAAA,CACC,MAAO1B,EACP,KAAMC,EACN,KAAK,UACL,OAAO,UAAA,CAAA,CACT,CACF,CAAA,EAEJ,EACCJ,GACCyB,EAAAA,IAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,iCAAiC,EACrD,SAAAtB,EACCwB,EAAAA,IAAC,SAAA,CACC,KAAK,SACJ,GAAGvB,EACJ,UAAW4B,EAAAA,gBACTP,EAAAA,QAAO,sCAAsC,EAC7CA,EAAAA,QAAO,wCAAwC,EAC/CrB,GAAA,YAAAA,EAA2B,SAAA,EAE7B,QAAU6B,GAAU,OAClB9B,EAAsB8B,CAAK,GAC3BC,EAAA9B,GAAA,YAAAA,EAA2B,UAA3B,MAAA8B,EAAA,KAAA9B,EAAqC6B,EACvC,EAEC,SAAA/B,CAAA,CAAA,QAGF,OAAA,CAAK,UAAWuB,EAAAA,QAAO,sCAAsC,EAC3D,WACH,CAAA,CAEJ,CAAA,EAEJ,EAEAC,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,+BAA+B,EACnD,SAAA,CAAAP,GACCS,EAAAA,IAACQ,EAAAA,QAAA,CACC,SAAS,MACT,KAAK,QACL,QAAO,GACP,UAAW,CACTV,EAAAA,QAAO,8BAA8B,EACrCL,EACIK,EAAAA,QAAO,sCAAsC,EAC7C,EAAA,EAEH,OAAO,OAAO,EACd,KAAK,GAAG,EACX,QAASN,EACT,eAAcC,EAAe,GAAO,OAEnC,SAAAF,CAAA,CAAA,EAGJG,EACAX,GACCiB,EAAAA,IAACC,EAAAA,QAAA,CACC,KAAK,QACL,aAAYjB,EAAWE,EAAgBD,EACvC,QAASF,EACT,KACEiB,EAAAA,IAACE,EAAAA,QAAA,CACC,KAAK,KACL,MAAOlB,EAAWgB,MAACS,EAAA,CAAA,CAAkB,QAAMC,EAAA,CAAA,CAAgB,CAAA,CAAA,CAC7D,CAAA,EAILvB,GACCa,EAAAA,IAACC,EAAAA,QAAA,CACC,KAAK,QACL,aAAYb,EACZ,QAASD,EACT,WAAOe,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOF,EAAAA,IAACW,IAAe,CAAA,CAAI,CAAA,CAAA,EAGpDtB,GACCW,EAAAA,IAACC,EAAAA,QAAA,CACC,KAAK,QACL,aAAYX,EACZ,QAASD,EACT,WAAOa,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOF,EAAAA,IAACY,IAAU,CAAA,CAAI,CAAA,CAAA,CAC9C,CAAA,CAEJ,CAAA,EACF,CAEJ"}

package/dist/components/right-sidebar-header/RightSidebarHeader.css

@@ -1 +1 @@
-._right-sidebar-header_1jogp_2{display:flex;align-items:center;gap:var(--spacing-l);height:56px;padding:var(--spacing-m);background-color:var(--center-channel-bg);border-bottom:1px solid rgba(var(--center-channel-color-rgb),.12);box-sizing:border-box}._right-sidebar-header__left_1jogp_12{display:flex;flex:1 1 0;min-width:0;align-items:center}._right-sidebar-header__primary_1jogp_18{display:flex;align-items:center;gap:var(--spacing-xxs);padding:0 var(--spacing-xs);min-width:0}._right-sidebar-header__back_1jogp_25{margin-left:-12px}._right-sidebar-header__leading-icon_1jogp_28{display:inline-flex;align-items:center;flex-shrink:0}._right-sidebar-header__tag_1jogp_33{display:inline-flex;align-items:center}._right-sidebar-header__title_1jogp_37{font-family:var(--font-family-heading);font-size:var(--font-size-200);font-weight:var(--font-weight-semibold);line-height:var(--line-height-200);color:var(--center-channel-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._right-sidebar-header__secondary_1jogp_47{display:flex;flex:1 1 0;min-width:0;align-items:center;padding:0 var(--spacing-xs);border-left:1px solid rgba(var(--center-channel-color-rgb),.16);transition:border-color var(--duration-quick) var(--ease-transition)}._right-sidebar-header__secondary_1jogp_47:has(._right-sidebar-header__secondary-button_1jogp_56:hover){border-left-color:transparent}._right-sidebar-header__secondary-text_1jogp_59{font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-200);color:rgba(var(--center-channel-color-rgb),.72);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._right-sidebar-header__secondary-button_1jogp_56{min-width:0;max-width:calc(100% + var(--spacing-xxs) * 2);margin:0 calc(var(--spacing-xxs) * -1);padding:var(--spacing-xxxxs) var(--spacing-xxs);border:none;border-radius:var(--radius-s);background-color:transparent;cursor:pointer;outline:2px solid color-mix(in srgb,var(--focus-ring-color, var(--button-bg)) 0%,transparent);outline-offset:0;transition:background-color var(--duration-quick) var(--ease-transition),outline-color var(--duration-quick) var(--ease-transition),outline-offset var(--duration-quick) var(--ease-transition)}._right-sidebar-header__secondary-button_1jogp_56:hover:not(:disabled){background-color:rgba(var(--center-channel-color-rgb),.08)}._right-sidebar-header__secondary-button_1jogp_56:active:not(:disabled){background-color:rgba(var(--center-channel-color-rgb),.12)}._right-sidebar-header__secondary-button_1jogp_56:focus-visible{outline-color:var(--focus-ring-color, var(--button-bg));outline-offset:3px}._right-sidebar-header__secondary-button_1jogp_56:disabled{cursor:default}._right-sidebar-header__actions_1jogp_95{display:flex;align-items:center;gap:var(--spacing-xxxs);flex-shrink:0}._right-sidebar-header__action_1jogp_95{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:var(--spacing-xxxxs) var(--spacing-s);border:none;border-radius:var(--radius-s);background-color:transparent;font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.64);cursor:pointer;transition:background-color var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition)}._right-sidebar-header__action_1jogp_95:hover{background-color:rgba(var(--center-channel-color-rgb),.08);color:rgba(var(--center-channel-color-rgb),.75)}._right-sidebar-header__action_1jogp_95:active{background-color:rgba(var(--center-channel-color-rgb),.12)}._right-sidebar-header__action_1jogp_95:focus-visible{outline:none;box-shadow:0 0 0 2px var(--button-bg)}._right-sidebar-header__action--active_1jogp_129{background-color:rgba(var(--center-channel-color-rgb),.08);color:var(--center-channel-color)}
+._right-sidebar-header_gkzgk_13{display:flex;align-items:center;gap:var(--spacing-l);height:56px;padding:var(--spacing-m);background-color:var(--center-channel-bg);border-bottom:1px solid rgba(var(--center-channel-color-rgb),.12);box-sizing:border-box}._right-sidebar-header__left_gkzgk_23{display:flex;flex:1 1 0;min-width:0;align-items:center}._right-sidebar-header__primary_gkzgk_29{display:flex;align-items:center;gap:var(--spacing-xxs);padding:0 var(--spacing-xs);min-width:0}._right-sidebar-header__back_gkzgk_36{margin-left:calc(-1 * var(--spacing-m))}._right-sidebar-header__leading-icon_gkzgk_39{display:inline-flex;align-items:center;flex-shrink:0}._right-sidebar-header__tag_gkzgk_44{display:inline-flex;align-items:center}._right-sidebar-header__title_gkzgk_48{font-family:var(--font-family-heading);font-size:var(--font-size-200);font-weight:var(--font-weight-semibold);line-height:var(--line-height-200);color:var(--center-channel-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._right-sidebar-header__secondary_gkzgk_58{display:flex;flex:1 1 0;min-width:0;align-items:center;padding:0 var(--spacing-xs);border-left:1px solid rgba(var(--center-channel-color-rgb),.16);transition:border-color var(--duration-quick) var(--ease-transition)}._right-sidebar-header__secondary_gkzgk_58:has(._right-sidebar-header__secondary-button_gkzgk_67:hover){border-left-color:transparent}._right-sidebar-header__secondary-text_gkzgk_70{font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-200);color:rgba(var(--center-channel-color-rgb),.72);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._right-sidebar-header__secondary-button_gkzgk_67{min-width:0;max-width:calc(100% + var(--spacing-xxs) * 2);margin:0 calc(var(--spacing-xxs) * -1);padding:var(--spacing-xxxxs) var(--spacing-xxs);border:none;border-radius:var(--radius-s);background-color:transparent;cursor:pointer;outline:none}._right-sidebar-header__secondary-button_gkzgk_67:focus-visible{outline:2px solid var(--focus-ring-color, var(--button-bg));outline-offset:3px;animation:_focus-ring-in_gkzgk_1 var(--duration-quick) var(--ease-transition)}@media(prefers-reduced-motion:reduce){._right-sidebar-header__secondary-button_gkzgk_67:focus-visible{animation:none}}@keyframes _focus-ring-in_gkzgk_1{0%{outline-color:transparent;outline-offset:0}}._right-sidebar-header__secondary-button_gkzgk_67:hover:not(:disabled),._right-sidebar-header__secondary-button_gkzgk_67:active:not(:disabled){transition:background-color var(--duration-quick) var(--ease-transition)}._right-sidebar-header__secondary-button_gkzgk_67:hover:not(:disabled){background-color:rgba(var(--center-channel-color-rgb),.08)}._right-sidebar-header__secondary-button_gkzgk_67:active:not(:disabled){background-color:rgba(var(--center-channel-color-rgb),.12)}._right-sidebar-header__secondary-button_gkzgk_67:disabled{cursor:default}._right-sidebar-header__actions_gkzgk_119{display:flex;align-items:center;gap:var(--spacing-xxxs);flex-shrink:0}._right-sidebar-header__action--active_gkzgk_125._right-sidebar-header__action--active_gkzgk_125._right-sidebar-header__action--active_gkzgk_125._right-sidebar-header__action--active_gkzgk_125{--button-fg: var(--center-channel-color);background-color:rgba(var(--center-channel-color-rgb),.08)}