@mattermost/compass-ui 0.1.0-alpha.7 → 0.1.0-alpha.9

package/dist/components/chip/Chip.module.scss.js

@@ -1,20 +1,20 @@
-import './Chip.module.css';const _ = "_chip_cbmf6_2", c = "_chip__label_cbmf6_29", i = "_chip__remove_cbmf6_47", e = {
+import './Chip.css';const _ = "_chip_u1uu3_2", c = "_chip__label_u1uu3_29", u = "_chip__remove_u1uu3_47", i = {
   chip: _,
   chip__label: c,
-  "chip__icon-slot": "_chip__icon-slot_cbmf6_35",
-  "chip__avatar-slot": "_chip__avatar-slot_cbmf6_41",
-  chip__remove: i,
-  "chip--colored": "_chip--colored_cbmf6_63",
-  "chip--error": "_chip--error_cbmf6_71",
-  "chip--size-small": "_chip--size-small_cbmf6_74",
-  "chip--size-medium": "_chip--size-medium_cbmf6_89",
-  "chip--size-medium-compact": "_chip--size-medium-compact_cbmf6_103",
-  "chip--size-large": "_chip--size-large_cbmf6_117"
+  "chip__icon-slot": "_chip__icon-slot_u1uu3_35",
+  "chip__avatar-slot": "_chip__avatar-slot_u1uu3_41",
+  chip__remove: u,
+  "chip--colored": "_chip--colored_u1uu3_63",
+  "chip--error": "_chip--error_u1uu3_71",
+  "chip--size-small": "_chip--size-small_u1uu3_74",
+  "chip--size-medium": "_chip--size-medium_u1uu3_89",
+  "chip--size-large": "_chip--size-large_u1uu3_103",
+  "chip--compact": "_chip--compact_u1uu3_117"
 };
 export {
   _ as chip,
   c as chip__label,
-  i as chip__remove,
-  e as default
+  u as chip__remove,
+  i as default
 };
 //# sourceMappingURL=Chip.module.scss.js.map

package/dist/components/chip/ChipGroup.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ChipGroup.module.css');const e={"chip-group":"_chip-group_p9ypv_2"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ChipGroup.css');const e={"chip-group":"_chip-group_p9ypv_2"};exports.default=e;
 //# sourceMappingURL=ChipGroup.module.scss.cjs.map

package/dist/components/chip/ChipGroup.module.scss.js

@@ -1,4 +1,4 @@
-import './ChipGroup.module.css';const p = {
+import './ChipGroup.css';const p = {
   "chip-group": "_chip-group_p9ypv_2"
 };
 export {

package/dist/components/combobox/Combobox.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Combobox.module.css');const o="_combobox_z7qkn_2",_="_combobox__wrapper_z7qkn_8",b="_combobox__label_z7qkn_26",c="_combobox__inner_z7qkn_56",m="_combobox__value_z7qkn_72",n="_combobox__control_z7qkn_82",x="_combobox__popup_z7qkn_120",e="_combobox__menu_z7qkn_136",l="_combobox__empty_z7qkn_141",i="_combobox__list_z7qkn_149",p="_combobox__option_z7qkn_154",t={combobox:o,combobox__wrapper:_,"combobox--disabled":"_combobox--disabled_z7qkn_16",combobox__label:b,"combobox--label-floated":"_combobox--label-floated_z7qkn_47",combobox__inner:c,"combobox__leading-icon":"_combobox__leading-icon_z7qkn_64",combobox__value:m,combobox__control:n,"combobox__trailing-icon":"_combobox__trailing-icon_z7qkn_107","combobox--open":"_combobox--open_z7qkn_117",combobox__popup:x,"combobox__popup--above":"_combobox__popup--above_z7qkn_127","combobox__popup--visible":"_combobox__popup--visible_z7qkn_130",combobox__menu:e,combobox__empty:l,combobox__list:i,combobox__option:p,"combobox--size-small":"_combobox--size-small_z7qkn_158","combobox--has-chips":"_combobox--has-chips_z7qkn_165","combobox--size-medium":"_combobox--size-medium_z7qkn_182","combobox--size-large":"_combobox--size-large_z7qkn_210","combobox--invalid":"_combobox--invalid_z7qkn_239","combobox--has-leading-icon":"_combobox--has-leading-icon_z7qkn_251"};exports.combobox=o;exports.combobox__control=n;exports.combobox__empty=l;exports.combobox__inner=c;exports.combobox__label=b;exports.combobox__list=i;exports.combobox__menu=e;exports.combobox__option=p;exports.combobox__popup=x;exports.combobox__value=m;exports.combobox__wrapper=_;exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Combobox.css');const o="_combobox_z7qkn_2",_="_combobox__wrapper_z7qkn_8",b="_combobox__label_z7qkn_26",c="_combobox__inner_z7qkn_56",m="_combobox__value_z7qkn_72",n="_combobox__control_z7qkn_82",x="_combobox__popup_z7qkn_120",e="_combobox__menu_z7qkn_136",l="_combobox__empty_z7qkn_141",i="_combobox__list_z7qkn_149",p="_combobox__option_z7qkn_154",t={combobox:o,combobox__wrapper:_,"combobox--disabled":"_combobox--disabled_z7qkn_16",combobox__label:b,"combobox--label-floated":"_combobox--label-floated_z7qkn_47",combobox__inner:c,"combobox__leading-icon":"_combobox__leading-icon_z7qkn_64",combobox__value:m,combobox__control:n,"combobox__trailing-icon":"_combobox__trailing-icon_z7qkn_107","combobox--open":"_combobox--open_z7qkn_117",combobox__popup:x,"combobox__popup--above":"_combobox__popup--above_z7qkn_127","combobox__popup--visible":"_combobox__popup--visible_z7qkn_130",combobox__menu:e,combobox__empty:l,combobox__list:i,combobox__option:p,"combobox--size-small":"_combobox--size-small_z7qkn_158","combobox--has-chips":"_combobox--has-chips_z7qkn_165","combobox--size-medium":"_combobox--size-medium_z7qkn_182","combobox--size-large":"_combobox--size-large_z7qkn_210","combobox--invalid":"_combobox--invalid_z7qkn_239","combobox--has-leading-icon":"_combobox--has-leading-icon_z7qkn_251"};exports.combobox=o;exports.combobox__control=n;exports.combobox__empty=l;exports.combobox__inner=c;exports.combobox__label=b;exports.combobox__list=i;exports.combobox__menu=e;exports.combobox__option=p;exports.combobox__popup=x;exports.combobox__value=m;exports.combobox__wrapper=_;exports.default=t;
 //# sourceMappingURL=Combobox.module.scss.cjs.map

package/dist/components/combobox/Combobox.module.scss.js

@@ -1,4 +1,4 @@
-import './Combobox.module.css';const o = "_combobox_z7qkn_2", _ = "_combobox__wrapper_z7qkn_8", b = "_combobox__label_z7qkn_26", c = "_combobox__inner_z7qkn_56", m = "_combobox__value_z7qkn_72", n = "_combobox__control_z7qkn_82", x = "_combobox__popup_z7qkn_120", e = "_combobox__menu_z7qkn_136", i = "_combobox__empty_z7qkn_141", l = "_combobox__list_z7qkn_149", p = "_combobox__option_z7qkn_154", s = {
+import './Combobox.css';const o = "_combobox_z7qkn_2", _ = "_combobox__wrapper_z7qkn_8", b = "_combobox__label_z7qkn_26", c = "_combobox__inner_z7qkn_56", m = "_combobox__value_z7qkn_72", n = "_combobox__control_z7qkn_82", x = "_combobox__popup_z7qkn_120", e = "_combobox__menu_z7qkn_136", i = "_combobox__empty_z7qkn_141", l = "_combobox__list_z7qkn_149", p = "_combobox__option_z7qkn_154", s = {
   combobox: o,
   combobox__wrapper: _,
   "combobox--disabled": "_combobox--disabled_z7qkn_16",

package/dist/components/date-range-picker/DateRangePicker.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./DateRangePicker.module.css');const e={"date-range-picker":"_date-range-picker_10fcv_2","date-range-picker__trigger":"_date-range-picker__trigger_10fcv_11","date-range-picker--disabled":"_date-range-picker--disabled_10fcv_23","date-range-picker--open":"_date-range-picker--open_10fcv_23","date-range-picker__calendar-icon":"_date-range-picker__calendar-icon_10fcv_40","date-range-picker__value":"_date-range-picker__value_10fcv_52","date-range-picker__chevron":"_date-range-picker__chevron_10fcv_70","date-range-picker__popover":"_date-range-picker__popover_10fcv_86","date-range-picker__popover--above":"_date-range-picker__popover--above_10fcv_105","date-range-picker__popover--visible":"_date-range-picker__popover--visible_10fcv_108","date-range-picker__header":"_date-range-picker__header_10fcv_114","date-range-picker__month-label":"_date-range-picker__month-label_10fcv_120","date-range-picker__header-actions":"_date-range-picker__header-actions_10fcv_131","date-range-picker__nav-buttons":"_date-range-picker__nav-buttons_10fcv_137","date-range-picker__weekdays":"_date-range-picker__weekdays_10fcv_141","date-range-picker__weekday":"_date-range-picker__weekday_10fcv_141","date-range-picker__grid":"_date-range-picker__grid_10fcv_161","date-range-picker__week":"_date-range-picker__week_10fcv_141","date-range-picker__day-empty":"_date-range-picker__day-empty_10fcv_171","date-range-picker__day-cell":"_date-range-picker__day-cell_10fcv_175","date-range-picker__day-cell--in-range":"_date-range-picker__day-cell--in-range_10fcv_184","date-range-picker__day-cell--range-start":"_date-range-picker__day-cell--range-start_10fcv_184","date-range-picker__day-cell--range-end":"_date-range-picker__day-cell--range-end_10fcv_184","date-range-picker__day":"_date-range-picker__day_10fcv_171","date-range-picker__day--selected":"_date-range-picker__day--selected_10fcv_227","date-range-picker__day--today":"_date-range-picker__day--today_10fcv_240"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./DateRangePicker.css');const e={"date-range-picker":"_date-range-picker_10fcv_2","date-range-picker__trigger":"_date-range-picker__trigger_10fcv_11","date-range-picker--disabled":"_date-range-picker--disabled_10fcv_23","date-range-picker--open":"_date-range-picker--open_10fcv_23","date-range-picker__calendar-icon":"_date-range-picker__calendar-icon_10fcv_40","date-range-picker__value":"_date-range-picker__value_10fcv_52","date-range-picker__chevron":"_date-range-picker__chevron_10fcv_70","date-range-picker__popover":"_date-range-picker__popover_10fcv_86","date-range-picker__popover--above":"_date-range-picker__popover--above_10fcv_105","date-range-picker__popover--visible":"_date-range-picker__popover--visible_10fcv_108","date-range-picker__header":"_date-range-picker__header_10fcv_114","date-range-picker__month-label":"_date-range-picker__month-label_10fcv_120","date-range-picker__header-actions":"_date-range-picker__header-actions_10fcv_131","date-range-picker__nav-buttons":"_date-range-picker__nav-buttons_10fcv_137","date-range-picker__weekdays":"_date-range-picker__weekdays_10fcv_141","date-range-picker__weekday":"_date-range-picker__weekday_10fcv_141","date-range-picker__grid":"_date-range-picker__grid_10fcv_161","date-range-picker__week":"_date-range-picker__week_10fcv_141","date-range-picker__day-empty":"_date-range-picker__day-empty_10fcv_171","date-range-picker__day-cell":"_date-range-picker__day-cell_10fcv_175","date-range-picker__day-cell--in-range":"_date-range-picker__day-cell--in-range_10fcv_184","date-range-picker__day-cell--range-start":"_date-range-picker__day-cell--range-start_10fcv_184","date-range-picker__day-cell--range-end":"_date-range-picker__day-cell--range-end_10fcv_184","date-range-picker__day":"_date-range-picker__day_10fcv_171","date-range-picker__day--selected":"_date-range-picker__day--selected_10fcv_227","date-range-picker__day--today":"_date-range-picker__day--today_10fcv_240"};exports.default=e;
 //# sourceMappingURL=DateRangePicker.module.scss.cjs.map

package/dist/components/date-range-picker/DateRangePicker.module.scss.js

@@ -1,4 +1,4 @@
-import './DateRangePicker.module.css';const e = {
+import './DateRangePicker.css';const e = {
   "date-range-picker": "_date-range-picker_10fcv_2",
   "date-range-picker__trigger": "_date-range-picker__trigger_10fcv_11",
   "date-range-picker--disabled": "_date-range-picker--disabled_10fcv_23",

package/dist/components/divider/Divider.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Divider.module.css');const e="_divider_1wh3r_2",i="_divider__line_1wh3r_6",d={divider:e,divider__line:i};exports.default=d;exports.divider=e;exports.divider__line=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Divider.css');const e="_divider_1wh3r_2",i="_divider__line_1wh3r_6",d={divider:e,divider__line:i};exports.default=d;exports.divider=e;exports.divider__line=i;
 //# sourceMappingURL=Divider.module.scss.cjs.map

package/dist/components/divider/Divider.module.scss.js

@@ -1,4 +1,4 @@
-import './Divider.module.css';const i = "_divider_1wh3r_2", d = "_divider__line_1wh3r_6", e = {
+import './Divider.css';const i = "_divider_1wh3r_2", d = "_divider__line_1wh3r_6", e = {
   divider: i,
   divider__line: d
 };

package/dist/components/dropdown/Dropdown.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Dropdown.module.css');const o="_dropdown_1v31c_2",d="_dropdown__trigger_1v31c_34",_="_dropdown__content_1v31c_38",n="_dropdown__label_1v31c_50",r="_dropdown__chevron_1v31c_54",e={dropdown:o,dropdown__trigger:d,dropdown__content:_,"dropdown__leading-icon":"_dropdown__leading-icon_1v31c_43",dropdown__label:n,dropdown__chevron:r,"dropdown--open":"_dropdown--open_1v31c_67","dropdown--size-x-small":"_dropdown--size-x-small_1v31c_70","dropdown--size-small":"_dropdown--size-small_1v31c_89","dropdown--size-medium":"_dropdown--size-medium_1v31c_106","dropdown--padding-compact":"_dropdown--padding-compact_1v31c_127","dropdown--size-large":"_dropdown--size-large_1v31c_130","dropdown--size-x-large":"_dropdown--size-x-large_1v31c_148","dropdown--appearance-inverted":"_dropdown--appearance-inverted_1v31c_166"};exports.default=e;exports.dropdown=o;exports.dropdown__chevron=r;exports.dropdown__content=_;exports.dropdown__label=n;exports.dropdown__trigger=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Dropdown.css');const o="_dropdown_1v31c_2",d="_dropdown__trigger_1v31c_34",_="_dropdown__content_1v31c_38",n="_dropdown__label_1v31c_50",r="_dropdown__chevron_1v31c_54",e={dropdown:o,dropdown__trigger:d,dropdown__content:_,"dropdown__leading-icon":"_dropdown__leading-icon_1v31c_43",dropdown__label:n,dropdown__chevron:r,"dropdown--open":"_dropdown--open_1v31c_67","dropdown--size-x-small":"_dropdown--size-x-small_1v31c_70","dropdown--size-small":"_dropdown--size-small_1v31c_89","dropdown--size-medium":"_dropdown--size-medium_1v31c_106","dropdown--padding-compact":"_dropdown--padding-compact_1v31c_127","dropdown--size-large":"_dropdown--size-large_1v31c_130","dropdown--size-x-large":"_dropdown--size-x-large_1v31c_148","dropdown--appearance-inverted":"_dropdown--appearance-inverted_1v31c_166"};exports.default=e;exports.dropdown=o;exports.dropdown__chevron=r;exports.dropdown__content=_;exports.dropdown__label=n;exports.dropdown__trigger=d;
 //# sourceMappingURL=Dropdown.module.scss.cjs.map

package/dist/components/dropdown/Dropdown.module.scss.js

@@ -1,4 +1,4 @@
-import './Dropdown.module.css';const o = "_dropdown_1v31c_2", d = "_dropdown__trigger_1v31c_34", _ = "_dropdown__content_1v31c_38", n = "_dropdown__label_1v31c_50", r = "_dropdown__chevron_1v31c_54", p = {
+import './Dropdown.css';const o = "_dropdown_1v31c_2", d = "_dropdown__trigger_1v31c_34", _ = "_dropdown__content_1v31c_38", n = "_dropdown__label_1v31c_50", r = "_dropdown__chevron_1v31c_54", p = {
   dropdown: o,
   dropdown__trigger: d,
   dropdown__content: _,

package/dist/components/emoji/Emoji.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Emoji.module.css');const e="_emoji_1pc05_2",i={emoji:e,"emoji--size-10":"_emoji--size-10_1pc05_10","emoji--size-12":"_emoji--size-12_1pc05_15","emoji--size-16":"_emoji--size-16_1pc05_20","emoji--size-20":"_emoji--size-20_1pc05_25","emoji--size-24":"_emoji--size-24_1pc05_30","emoji--size-28":"_emoji--size-28_1pc05_35","emoji--size-32":"_emoji--size-32_1pc05_40","emoji--size-40":"_emoji--size-40_1pc05_45","emoji--size-52":"_emoji--size-52_1pc05_50","emoji--size-64":"_emoji--size-64_1pc05_55","emoji--size-104":"_emoji--size-104_1pc05_60"};exports.default=i;exports.emoji=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Emoji.css');const e="_emoji_1pc05_2",i={emoji:e,"emoji--size-10":"_emoji--size-10_1pc05_10","emoji--size-12":"_emoji--size-12_1pc05_15","emoji--size-16":"_emoji--size-16_1pc05_20","emoji--size-20":"_emoji--size-20_1pc05_25","emoji--size-24":"_emoji--size-24_1pc05_30","emoji--size-28":"_emoji--size-28_1pc05_35","emoji--size-32":"_emoji--size-32_1pc05_40","emoji--size-40":"_emoji--size-40_1pc05_45","emoji--size-52":"_emoji--size-52_1pc05_50","emoji--size-64":"_emoji--size-64_1pc05_55","emoji--size-104":"_emoji--size-104_1pc05_60"};exports.default=i;exports.emoji=e;
 //# sourceMappingURL=Emoji.module.scss.cjs.map

package/dist/components/emoji/Emoji.module.scss.js

@@ -1,4 +1,4 @@
-import './Emoji.module.css';const e = "_emoji_1pc05_2", i = {
+import './Emoji.css';const e = "_emoji_1pc05_2", i = {
   emoji: e,
   "emoji--size-10": "_emoji--size-10_1pc05_10",
   "emoji--size-12": "_emoji--size-12_1pc05_15",

package/dist/components/emoji-button/EmojiButton.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./EmojiButton.module.css');const o={"emoji-button":"_emoji-button_s9fno_2","emoji-button--active":"_emoji-button--active_s9fno_24","emoji-button--toggled":"_emoji-button--toggled_s9fno_24","emoji-button__emoji":"_emoji-button__emoji_s9fno_27","emoji-button--size-x-small":"_emoji-button--size-x-small_s9fno_37","emoji-button--padding-compact":"_emoji-button--padding-compact_s9fno_42","emoji-button--size-small":"_emoji-button--size-small_s9fno_47","emoji-button--size-medium":"_emoji-button--size-medium_s9fno_57","emoji-button--size-large":"_emoji-button--size-large_s9fno_67"};exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./EmojiButton.css');const o={"emoji-button":"_emoji-button_s9fno_2","emoji-button--active":"_emoji-button--active_s9fno_24","emoji-button--toggled":"_emoji-button--toggled_s9fno_24","emoji-button__emoji":"_emoji-button__emoji_s9fno_27","emoji-button--size-x-small":"_emoji-button--size-x-small_s9fno_37","emoji-button--padding-compact":"_emoji-button--padding-compact_s9fno_42","emoji-button--size-small":"_emoji-button--size-small_s9fno_47","emoji-button--size-medium":"_emoji-button--size-medium_s9fno_57","emoji-button--size-large":"_emoji-button--size-large_s9fno_67"};exports.default=o;
 //# sourceMappingURL=EmojiButton.module.scss.cjs.map

package/dist/components/emoji-button/EmojiButton.module.scss.js

@@ -1,4 +1,4 @@
-import './EmojiButton.module.css';const o = {
+import './EmojiButton.css';const o = {
   "emoji-button": "_emoji-button_s9fno_2",
   "emoji-button--active": "_emoji-button--active_s9fno_24",
   "emoji-button--toggled": "_emoji-button--toggled_s9fno_24",

package/dist/components/emoji-popover/EmojiPopover.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./EmojiPopover.module.css');const o={"emoji-popover":"_emoji-popover_ffrmi_2","emoji-popover__header":"_emoji-popover__header_ffrmi_14","emoji-popover__search-row":"_emoji-popover__search-row_ffrmi_21","emoji-popover__search-input":"_emoji-popover__search-input_ffrmi_27","emoji-popover__header-panels":"_emoji-popover__header-panels_ffrmi_31","emoji-popover__header-main":"_emoji-popover__header-main_ffrmi_35","emoji-popover__header-main--hidden":"_emoji-popover__header-main--hidden_ffrmi_38","emoji-popover__skin-tone-picker":"_emoji-popover__skin-tone-picker_ffrmi_41","emoji-popover__skin-tone-picker--visible":"_emoji-popover__skin-tone-picker--visible_ffrmi_55","emoji-popover__skin-tone-label":"_emoji-popover__skin-tone-label_ffrmi_58","emoji-popover__skin-tone-options":"_emoji-popover__skin-tone-options_ffrmi_66","emoji-popover__categories":"_emoji-popover__categories_ffrmi_72","emoji-popover__scroll-view":"_emoji-popover__scroll-view_ffrmi_78","emoji-popover__emoji-list":"_emoji-popover__emoji-list_ffrmi_88","emoji-popover__group":"_emoji-popover__group_ffrmi_94","emoji-popover__emoji-row":"_emoji-popover__emoji-row_ffrmi_98","emoji-popover__emoji-row--nowrap":"_emoji-popover__emoji-row--nowrap_ffrmi_105","emoji-popover__footer":"_emoji-popover__footer_ffrmi_108","emoji-popover__footer-preview":"_emoji-popover__footer-preview_ffrmi_118","emoji-popover__footer-hint":"_emoji-popover__footer-hint_ffrmi_125","emoji-popover__footer-shortcode":"_emoji-popover__footer-shortcode_ffrmi_130"};exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./EmojiPopover.css');const o={"emoji-popover":"_emoji-popover_ffrmi_2","emoji-popover__header":"_emoji-popover__header_ffrmi_14","emoji-popover__search-row":"_emoji-popover__search-row_ffrmi_21","emoji-popover__search-input":"_emoji-popover__search-input_ffrmi_27","emoji-popover__header-panels":"_emoji-popover__header-panels_ffrmi_31","emoji-popover__header-main":"_emoji-popover__header-main_ffrmi_35","emoji-popover__header-main--hidden":"_emoji-popover__header-main--hidden_ffrmi_38","emoji-popover__skin-tone-picker":"_emoji-popover__skin-tone-picker_ffrmi_41","emoji-popover__skin-tone-picker--visible":"_emoji-popover__skin-tone-picker--visible_ffrmi_55","emoji-popover__skin-tone-label":"_emoji-popover__skin-tone-label_ffrmi_58","emoji-popover__skin-tone-options":"_emoji-popover__skin-tone-options_ffrmi_66","emoji-popover__categories":"_emoji-popover__categories_ffrmi_72","emoji-popover__scroll-view":"_emoji-popover__scroll-view_ffrmi_78","emoji-popover__emoji-list":"_emoji-popover__emoji-list_ffrmi_88","emoji-popover__group":"_emoji-popover__group_ffrmi_94","emoji-popover__emoji-row":"_emoji-popover__emoji-row_ffrmi_98","emoji-popover__emoji-row--nowrap":"_emoji-popover__emoji-row--nowrap_ffrmi_105","emoji-popover__footer":"_emoji-popover__footer_ffrmi_108","emoji-popover__footer-preview":"_emoji-popover__footer-preview_ffrmi_118","emoji-popover__footer-hint":"_emoji-popover__footer-hint_ffrmi_125","emoji-popover__footer-shortcode":"_emoji-popover__footer-shortcode_ffrmi_130"};exports.default=o;
 //# sourceMappingURL=EmojiPopover.module.scss.cjs.map

package/dist/components/emoji-popover/EmojiPopover.module.scss.js

@@ -1,4 +1,4 @@
-import './EmojiPopover.module.css';const o = {
+import './EmojiPopover.css';const o = {
   "emoji-popover": "_emoji-popover_ffrmi_2",
   "emoji-popover__header": "_emoji-popover__header_ffrmi_14",
   "emoji-popover__search-row": "_emoji-popover__search-row_ffrmi_21",

package/dist/components/empty-state/EmptyState.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./EmptyState.module.css');const t={"empty-state":"_empty-state_zgtu5_2","empty-state__container":"_empty-state__container_zgtu5_14","empty-state__illustration":"_empty-state__illustration_zgtu5_24","empty-state__titles":"_empty-state__titles_zgtu5_30","empty-state__title":"_empty-state__title_zgtu5_30","empty-state__description":"_empty-state__description_zgtu5_46","empty-state__action":"_empty-state__action_zgtu5_54"};exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./EmptyState.css');const t={"empty-state":"_empty-state_zgtu5_2","empty-state__container":"_empty-state__container_zgtu5_14","empty-state__illustration":"_empty-state__illustration_zgtu5_24","empty-state__titles":"_empty-state__titles_zgtu5_30","empty-state__title":"_empty-state__title_zgtu5_30","empty-state__description":"_empty-state__description_zgtu5_46","empty-state__action":"_empty-state__action_zgtu5_54"};exports.default=t;
 //# sourceMappingURL=EmptyState.module.scss.cjs.map

package/dist/components/empty-state/EmptyState.module.scss.js

@@ -1,4 +1,4 @@
-import './EmptyState.module.css';const t = {
+import './EmptyState.css';const t = {
   "empty-state": "_empty-state_zgtu5_2",
   "empty-state__container": "_empty-state__container_zgtu5_14",
   "empty-state__illustration": "_empty-state__illustration_zgtu5_24",

package/dist/components/error-message/ErrorMessage.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ErrorMessage.module.css');const e={"error-message":"_error-message_1l0v1_2","error-message__icon":"_error-message__icon_1l0v1_7","error-message__text":"_error-message__text_1l0v1_15"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ErrorMessage.css');const e={"error-message":"_error-message_1l0v1_2","error-message__icon":"_error-message__icon_1l0v1_7","error-message__text":"_error-message__text_1l0v1_15"};exports.default=e;
 //# sourceMappingURL=ErrorMessage.module.scss.cjs.map

package/dist/components/error-message/ErrorMessage.module.scss.js

@@ -1,4 +1,4 @@
-import './ErrorMessage.module.css';const e = {
+import './ErrorMessage.css';const e = {
   "error-message": "_error-message_1l0v1_2",
   "error-message__icon": "_error-message__icon_1l0v1_7",
   "error-message__text": "_error-message__text_1l0v1_15"

package/dist/components/feature-discovery-panel/FeatureDiscoveryPanel.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./FeatureDiscoveryPanel.module.css');const e={"feature-discovery-panel":"_feature-discovery-panel_1b4te_2","feature-discovery-panel__content":"_feature-discovery-panel__content_1b4te_12","feature-discovery-panel__text":"_feature-discovery-panel__text_1b4te_19","feature-discovery-panel__title-group":"_feature-discovery-panel__title-group_1b4te_24","feature-discovery-panel__title":"_feature-discovery-panel__title_1b4te_24","feature-discovery-panel__description":"_feature-discovery-panel__description_1b4te_37","feature-discovery-panel__actions":"_feature-discovery-panel__actions_1b4te_44","feature-discovery-panel__action":"_feature-discovery-panel__action_1b4te_44","feature-discovery-panel__illustration":"_feature-discovery-panel__illustration_1b4te_53"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./FeatureDiscoveryPanel.css');const e={"feature-discovery-panel":"_feature-discovery-panel_1b4te_2","feature-discovery-panel__content":"_feature-discovery-panel__content_1b4te_12","feature-discovery-panel__text":"_feature-discovery-panel__text_1b4te_19","feature-discovery-panel__title-group":"_feature-discovery-panel__title-group_1b4te_24","feature-discovery-panel__title":"_feature-discovery-panel__title_1b4te_24","feature-discovery-panel__description":"_feature-discovery-panel__description_1b4te_37","feature-discovery-panel__actions":"_feature-discovery-panel__actions_1b4te_44","feature-discovery-panel__action":"_feature-discovery-panel__action_1b4te_44","feature-discovery-panel__illustration":"_feature-discovery-panel__illustration_1b4te_53"};exports.default=e;
 //# sourceMappingURL=FeatureDiscoveryPanel.module.scss.cjs.map

package/dist/components/feature-discovery-panel/FeatureDiscoveryPanel.module.scss.js

@@ -1,4 +1,4 @@
-import './FeatureDiscoveryPanel.module.css';const e = {
+import './FeatureDiscoveryPanel.css';const e = {
   "feature-discovery-panel": "_feature-discovery-panel_1b4te_2",
   "feature-discovery-panel__content": "_feature-discovery-panel__content_1b4te_12",
   "feature-discovery-panel__text": "_feature-discovery-panel__text_1b4te_19",

package/dist/components/global-banner/GlobalBanner.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./GlobalBanner.module.css');const e={"global-banner":"_global-banner_weys9_2","global-banner__content":"_global-banner__content_weys9_12","global-banner__icon":"_global-banner__icon_weys9_18","global-banner__message":"_global-banner__message_weys9_25","global-banner__dismiss":"_global-banner__dismiss_weys9_33","global-banner__action":"_global-banner__action_weys9_53","global-banner--type-warning":"_global-banner--type-warning_weys9_76","global-banner--type-danger":"_global-banner--type-danger_weys9_79","global-banner--type-info":"_global-banner--type-info_weys9_82","global-banner--type-success":"_global-banner--type-success_weys9_85"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./GlobalBanner.css');const e={"global-banner":"_global-banner_weys9_2","global-banner__content":"_global-banner__content_weys9_12","global-banner__icon":"_global-banner__icon_weys9_18","global-banner__message":"_global-banner__message_weys9_25","global-banner__dismiss":"_global-banner__dismiss_weys9_33","global-banner__action":"_global-banner__action_weys9_53","global-banner--type-warning":"_global-banner--type-warning_weys9_76","global-banner--type-danger":"_global-banner--type-danger_weys9_79","global-banner--type-info":"_global-banner--type-info_weys9_82","global-banner--type-success":"_global-banner--type-success_weys9_85"};exports.default=e;
 //# sourceMappingURL=GlobalBanner.module.scss.cjs.map

package/dist/components/global-banner/GlobalBanner.module.scss.js

@@ -1,4 +1,4 @@
-import './GlobalBanner.module.css';const n = {
+import './GlobalBanner.css';const n = {
   "global-banner": "_global-banner_weys9_2",
   "global-banner__content": "_global-banner__content_weys9_12",
   "global-banner__icon": "_global-banner__icon_weys9_18",

package/dist/components/global-header/GlobalHeader.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./GlobalHeader.module.css');const a={"global-header":"_global-header_11raj_2","global-header--channels":"_global-header--channels_11raj_13","global-header--product-only":"_global-header--product-only_11raj_16","global-header__left":"_global-header__left_11raj_19","global-header__product":"_global-header__product_11raj_28","global-header__product-icon":"_global-header__product-icon_11raj_34","global-header__product-name":"_global-header__product-name_11raj_42","global-header__navigator":"_global-header__navigator_11raj_51","global-header__center":"_global-header__center_11raj_56","global-header__search":"_global-header__search_11raj_68","global-header__search-icon":"_global-header__search-icon_11raj_83","global-header__search-input":"_global-header__search-input_11raj_89","global-header__right":"_global-header__right_11raj_109","global-header__account":"_global-header__account_11raj_124"};exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./GlobalHeader.css');const a={"global-header":"_global-header_11raj_2","global-header--channels":"_global-header--channels_11raj_13","global-header--product-only":"_global-header--product-only_11raj_16","global-header__left":"_global-header__left_11raj_19","global-header__product":"_global-header__product_11raj_28","global-header__product-icon":"_global-header__product-icon_11raj_34","global-header__product-name":"_global-header__product-name_11raj_42","global-header__navigator":"_global-header__navigator_11raj_51","global-header__center":"_global-header__center_11raj_56","global-header__search":"_global-header__search_11raj_68","global-header__search-icon":"_global-header__search-icon_11raj_83","global-header__search-input":"_global-header__search-input_11raj_89","global-header__right":"_global-header__right_11raj_109","global-header__account":"_global-header__account_11raj_124"};exports.default=a;
 //# sourceMappingURL=GlobalHeader.module.scss.cjs.map

package/dist/components/global-header/GlobalHeader.module.scss.js

@@ -1,4 +1,4 @@
-import './GlobalHeader.module.css';const a = {
+import './GlobalHeader.css';const a = {
   "global-header": "_global-header_11raj_2",
   "global-header--channels": "_global-header--channels_11raj_13",
   "global-header--product-only": "_global-header--product-only_11raj_16",

package/dist/components/help-menu/HelpMenu.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__n=require("@mattermost/compass-icons/components/alert-outline.js"),n=__n?.default??__n,__a=require("@mattermost/compass-icons/components/file-text-outline.js"),a=__a?.default??__a,__o=require("@mattermost/compass-icons/components/help-circle-outline.js"),o=__o?.default??__o,__d=require("@mattermost/compass-icons/components/keyboard-outline.js"),d=__d?.default??__d,__c=require("@mattermost/compass-icons/components/lightbulb-outline.js"),c=__c?.default??__c,l=require("../icon/Icon.cjs"),u=require("../menu-item/MenuItem.cjs"),s=require("../popover-menu/PopoverMenu.cjs");function x({className:t="",style:i,...r}){return e.jsx(s.default,{className:t,style:{width:"232px",...i},...r,children:e.jsxs(s.PopoverMenuGroup,{children:[e.jsx(u.default,{label:"Mattermost user guide",leadingVisual:e.jsx(l.default,{glyph:e.jsx(a,{}),size:"16"})}),e.jsx(u.default,{label:"Training resources",leadingVisual:e.jsx(l.default,{glyph:e.jsx(c,{}),size:"16"})}),e.jsx(u.default,{label:"Ask the community",leadingVisual:e.jsx(l.default,{glyph:e.jsx(o,{}),size:"16"})}),e.jsx(u.default,{label:"Report a problem",leadingVisual:e.jsx(l.default,{glyph:e.jsx(n,{}),size:"16"})}),e.jsx(u.default,{label:"Keyboard shortcuts",leadingVisual:e.jsx(l.default,{glyph:e.jsx(d,{}),size:"16"})})]})})}exports.default=x;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__n=require("@mattermost/compass-icons/components/alert-outline.js"),n=__n?.default??__n,__a=require("@mattermost/compass-icons/components/file-text-outline.js"),a=__a?.default??__a,__o=require("@mattermost/compass-icons/components/help-circle-outline.js"),o=__o?.default??__o,__d=require("@mattermost/compass-icons/components/keyboard-outline.js"),d=__d?.default??__d,__c=require("@mattermost/compass-icons/components/lightbulb-outline.js"),c=__c?.default??__c,l=require("../icon/Icon.cjs"),u=require("../menu-item/MenuItem.cjs"),s=require("../popover-menu/PopoverMenu.cjs");function j({className:t="",style:i,...r}){return e.jsx(s.default,{className:t,style:i,...r,children:e.jsxs(s.PopoverMenuGroup,{children:[e.jsx(u.default,{label:"Mattermost user guide",leadingVisual:e.jsx(l.default,{glyph:e.jsx(a,{}),size:"16"})}),e.jsx(u.default,{label:"Training resources",leadingVisual:e.jsx(l.default,{glyph:e.jsx(c,{}),size:"16"})}),e.jsx(u.default,{label:"Ask the community",leadingVisual:e.jsx(l.default,{glyph:e.jsx(o,{}),size:"16"})}),e.jsx(u.default,{label:"Report a problem",leadingVisual:e.jsx(l.default,{glyph:e.jsx(n,{}),size:"16"})}),e.jsx(u.default,{label:"Keyboard shortcuts",leadingVisual:e.jsx(l.default,{glyph:e.jsx(d,{}),size:"16"})})]})})}exports.default=j;
 //# sourceMappingURL=HelpMenu.cjs.map

package/dist/components/help-menu/HelpMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HelpMenu.cjs","sources":["../../../src/components/help-menu/HelpMenu.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport AlertOutlineIcon from '@mattermost/compass-icons/components/alert-outline';\nimport FileTextOutlineIcon from '@mattermost/compass-icons/components/file-text-outline';\nimport HelpCircleOutlineIcon from '@mattermost/compass-icons/components/help-circle-outline';\nimport KeyboardOutlineIcon from '@mattermost/compass-icons/components/keyboard-outline';\nimport LightbulbOutlineIcon from '@mattermost/compass-icons/components/lightbulb-outline';\nimport Icon from '@/components/icon/Icon';\nimport MenuItem from '@/components/menu-item/MenuItem';\nimport PopoverMenu, {\n  PopoverMenuGroup,\n} from '@/components/popover-menu/PopoverMenu';\n\nexport interface HelpMenuProps extends HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Global header help menu — docs, community, and shortcuts.\n */\nexport default function HelpMenu({\n  className = '',\n  style,\n  ...rest\n}: HelpMenuProps) {\n  return (\n    <PopoverMenu\n      className={className}\n      style={{ width: '232px', ...style }}\n      {...rest}\n    >\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Mattermost user guide\"\n          leadingVisual={<Icon glyph={<FileTextOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Training resources\"\n          leadingVisual={<Icon glyph={<LightbulbOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Ask the community\"\n          leadingVisual={<Icon glyph={<HelpCircleOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Report a problem\"\n          leadingVisual={<Icon glyph={<AlertOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Keyboard shortcuts\"\n          leadingVisual={<Icon glyph={<KeyboardOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n    </PopoverMenu>\n  );\n}\n"],"names":["HelpMenu","className","style","rest","jsx","PopoverMenu","PopoverMenuGroup","MenuItem","Icon","FileTextOutlineIcon","LightbulbOutlineIcon","HelpCircleOutlineIcon","AlertOutlineIcon","KeyboardOutlineIcon"],"mappings":"klBAiBA,SAAwBA,EAAS,CAC/B,UAAAC,EAAY,GACZ,MAAAC,EACA,GAAGC,CACL,EAAkB,CAChB,OACEC,EAAAA,IAACC,EAAAA,QAAA,CACC,UAAAJ,EACA,MAAO,CAAE,MAAO,QAAS,GAAGC,CAAA,EAC3B,GAAGC,EAEJ,gBAACG,mBAAA,CACC,SAAA,CAAAF,EAAAA,IAACG,EAAAA,QAAA,CACC,MAAM,wBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQC,EAAA,CAAA,CAAoB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEjEL,EAAAA,IAACG,EAAAA,QAAA,CACC,MAAM,qBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQE,EAAA,CAAA,CAAqB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAElEN,EAAAA,IAACG,EAAAA,QAAA,CACC,MAAM,oBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQG,EAAA,CAAA,CAAsB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEnEP,EAAAA,IAACG,EAAAA,QAAA,CACC,MAAM,mBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQI,EAAA,CAAA,CAAiB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAE9DR,EAAAA,IAACG,EAAAA,QAAA,CACC,MAAM,qBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQK,EAAA,CAAA,CAAoB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CACjE,CAAA,CACF,CAAA,CAAA,CAGN"}
+{"version":3,"file":"HelpMenu.cjs","sources":["../../../src/components/help-menu/HelpMenu.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport AlertOutlineIcon from '@mattermost/compass-icons/components/alert-outline';\nimport FileTextOutlineIcon from '@mattermost/compass-icons/components/file-text-outline';\nimport HelpCircleOutlineIcon from '@mattermost/compass-icons/components/help-circle-outline';\nimport KeyboardOutlineIcon from '@mattermost/compass-icons/components/keyboard-outline';\nimport LightbulbOutlineIcon from '@mattermost/compass-icons/components/lightbulb-outline';\nimport Icon from '@/components/icon/Icon';\nimport MenuItem from '@/components/menu-item/MenuItem';\nimport PopoverMenu, {\n  PopoverMenuGroup,\n} from '@/components/popover-menu/PopoverMenu';\n\nexport interface HelpMenuProps extends HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Global header help menu — docs, community, and shortcuts.\n */\nexport default function HelpMenu({\n  className = '',\n  style,\n  ...rest\n}: HelpMenuProps) {\n  return (\n    <PopoverMenu\n      className={className}\n      style={style}\n      {...rest}\n    >\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Mattermost user guide\"\n          leadingVisual={<Icon glyph={<FileTextOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Training resources\"\n          leadingVisual={<Icon glyph={<LightbulbOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Ask the community\"\n          leadingVisual={<Icon glyph={<HelpCircleOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Report a problem\"\n          leadingVisual={<Icon glyph={<AlertOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Keyboard shortcuts\"\n          leadingVisual={<Icon glyph={<KeyboardOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n    </PopoverMenu>\n  );\n}\n"],"names":["HelpMenu","className","style","rest","jsx","PopoverMenu","PopoverMenuGroup","MenuItem","Icon","FileTextOutlineIcon","LightbulbOutlineIcon","HelpCircleOutlineIcon","AlertOutlineIcon","KeyboardOutlineIcon"],"mappings":"klBAiBA,SAAwBA,EAAS,CAC/B,UAAAC,EAAY,GACZ,MAAAC,EACA,GAAGC,CACL,EAAkB,CAChB,OACEC,EAAAA,IAACC,EAAAA,QAAA,CACC,UAAAJ,EACA,MAAAC,EACC,GAAGC,EAEJ,gBAACG,mBAAA,CACC,SAAA,CAAAF,EAAAA,IAACG,EAAAA,QAAA,CACC,MAAM,wBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQC,EAAA,CAAA,CAAoB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEjEL,EAAAA,IAACG,EAAAA,QAAA,CACC,MAAM,qBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQE,EAAA,CAAA,CAAqB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAElEN,EAAAA,IAACG,EAAAA,QAAA,CACC,MAAM,oBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQG,EAAA,CAAA,CAAsB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEnEP,EAAAA,IAACG,EAAAA,QAAA,CACC,MAAM,mBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQI,EAAA,CAAA,CAAiB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAE9DR,EAAAA,IAACG,EAAAA,QAAA,CACC,MAAM,qBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQK,EAAA,CAAA,CAAoB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CACjE,CAAA,CACF,CAAA,CAAA,CAGN"}

package/dist/components/help-menu/HelpMenu.js

@@ -1,13 +1,13 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
 import __u from "@mattermost/compass-icons/components/alert-outline.js";const u=__u&&__u.default?__u.default:__u;
 import __m from "@mattermost/compass-icons/components/file-text-outline.js";const m=__m&&__m.default?__m.default:__m;
-import __p from "@mattermost/compass-icons/components/help-circle-outline.js";const p=__p&&__p.default?__p.default:__p;
-import __a from "@mattermost/compass-icons/components/keyboard-outline.js";const a=__a&&__a.default?__a.default:__a;
+import __a from "@mattermost/compass-icons/components/help-circle-outline.js";const a=__a&&__a.default?__a.default:__a;
+import __p from "@mattermost/compass-icons/components/keyboard-outline.js";const p=__p&&__p.default?__p.default:__p;
 import __s from "@mattermost/compass-icons/components/lightbulb-outline.js";const s=__s&&__s.default?__s.default:__s;
 import l from "../icon/Icon.js";
 import i from "../menu-item/MenuItem.js";
 import c, { PopoverMenuGroup as g } from "../popover-menu/PopoverMenu.js";
-function O({
+function V({
   className: o = "",
   style: r,
   ...t
@@ -16,7 +16,7 @@ function O({
     c,
     {
       className: o,
-      style: { width: "232px", ...r },
+      style: r,
       ...t,
       children: /* @__PURE__ */ n(g, { children: [
         /* @__PURE__ */ e(
@@ -37,7 +37,7 @@ function O({
           i,
           {
             label: "Ask the community",
-            leadingVisual: /* @__PURE__ */ e(l, { glyph: /* @__PURE__ */ e(p, {}), size: "16" })
+            leadingVisual: /* @__PURE__ */ e(l, { glyph: /* @__PURE__ */ e(a, {}), size: "16" })
           }
         ),
         /* @__PURE__ */ e(
@@ -51,7 +51,7 @@ function O({
           i,
           {
             label: "Keyboard shortcuts",
-            leadingVisual: /* @__PURE__ */ e(l, { glyph: /* @__PURE__ */ e(a, {}), size: "16" })
+            leadingVisual: /* @__PURE__ */ e(l, { glyph: /* @__PURE__ */ e(p, {}), size: "16" })
           }
         )
       ] })
@@ -59,6 +59,6 @@ function O({
   );
 }
 export {
-  O as default
+  V as default
 };
 //# sourceMappingURL=HelpMenu.js.map

package/dist/components/help-menu/HelpMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpMenu.js","sources":["../../../src/components/help-menu/HelpMenu.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport AlertOutlineIcon from '@mattermost/compass-icons/components/alert-outline';\nimport FileTextOutlineIcon from '@mattermost/compass-icons/components/file-text-outline';\nimport HelpCircleOutlineIcon from '@mattermost/compass-icons/components/help-circle-outline';\nimport KeyboardOutlineIcon from '@mattermost/compass-icons/components/keyboard-outline';\nimport LightbulbOutlineIcon from '@mattermost/compass-icons/components/lightbulb-outline';\nimport Icon from '@/components/icon/Icon';\nimport MenuItem from '@/components/menu-item/MenuItem';\nimport PopoverMenu, {\n  PopoverMenuGroup,\n} from '@/components/popover-menu/PopoverMenu';\n\nexport interface HelpMenuProps extends HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Global header help menu — docs, community, and shortcuts.\n */\nexport default function HelpMenu({\n  className = '',\n  style,\n  ...rest\n}: HelpMenuProps) {\n  return (\n    <PopoverMenu\n      className={className}\n      style={{ width: '232px', ...style }}\n      {...rest}\n    >\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Mattermost user guide\"\n          leadingVisual={<Icon glyph={<FileTextOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Training resources\"\n          leadingVisual={<Icon glyph={<LightbulbOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Ask the community\"\n          leadingVisual={<Icon glyph={<HelpCircleOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Report a problem\"\n          leadingVisual={<Icon glyph={<AlertOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Keyboard shortcuts\"\n          leadingVisual={<Icon glyph={<KeyboardOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n    </PopoverMenu>\n  );\n}\n"],"names":["HelpMenu","className","style","rest","jsx","PopoverMenu","PopoverMenuGroup","MenuItem","Icon","FileTextOutlineIcon","LightbulbOutlineIcon","HelpCircleOutlineIcon","AlertOutlineIcon","KeyboardOutlineIcon"],"mappings":";;;;;;;;;AAiBA,SAAwBA,EAAS;AAAA,EAC/B,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,GAAGC;AACL,GAAkB;AAChB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAAJ;AAAA,MACA,OAAO,EAAE,OAAO,SAAS,GAAGC,EAAA;AAAA,MAC3B,GAAGC;AAAA,MAEJ,4BAACG,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,iCAAgBC,GAAA,EAAK,yBAAQC,GAAA,CAAA,CAAoB,GAAI,MAAK,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAEjE,gBAAAL;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,iCAAgBC,GAAA,EAAK,yBAAQE,GAAA,CAAA,CAAqB,GAAI,MAAK,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAElE,gBAAAN;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,iCAAgBC,GAAA,EAAK,yBAAQG,GAAA,CAAA,CAAsB,GAAI,MAAK,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAEnE,gBAAAP;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,iCAAgBC,GAAA,EAAK,yBAAQI,GAAA,CAAA,CAAiB,GAAI,MAAK,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAE9D,gBAAAR;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,iCAAgBC,GAAA,EAAK,yBAAQK,GAAA,CAAA,CAAoB,GAAI,MAAK,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACjE,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"HelpMenu.js","sources":["../../../src/components/help-menu/HelpMenu.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport AlertOutlineIcon from '@mattermost/compass-icons/components/alert-outline';\nimport FileTextOutlineIcon from '@mattermost/compass-icons/components/file-text-outline';\nimport HelpCircleOutlineIcon from '@mattermost/compass-icons/components/help-circle-outline';\nimport KeyboardOutlineIcon from '@mattermost/compass-icons/components/keyboard-outline';\nimport LightbulbOutlineIcon from '@mattermost/compass-icons/components/lightbulb-outline';\nimport Icon from '@/components/icon/Icon';\nimport MenuItem from '@/components/menu-item/MenuItem';\nimport PopoverMenu, {\n  PopoverMenuGroup,\n} from '@/components/popover-menu/PopoverMenu';\n\nexport interface HelpMenuProps extends HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Global header help menu — docs, community, and shortcuts.\n */\nexport default function HelpMenu({\n  className = '',\n  style,\n  ...rest\n}: HelpMenuProps) {\n  return (\n    <PopoverMenu\n      className={className}\n      style={style}\n      {...rest}\n    >\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Mattermost user guide\"\n          leadingVisual={<Icon glyph={<FileTextOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Training resources\"\n          leadingVisual={<Icon glyph={<LightbulbOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Ask the community\"\n          leadingVisual={<Icon glyph={<HelpCircleOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Report a problem\"\n          leadingVisual={<Icon glyph={<AlertOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Keyboard shortcuts\"\n          leadingVisual={<Icon glyph={<KeyboardOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n    </PopoverMenu>\n  );\n}\n"],"names":["HelpMenu","className","style","rest","jsx","PopoverMenu","PopoverMenuGroup","MenuItem","Icon","FileTextOutlineIcon","LightbulbOutlineIcon","HelpCircleOutlineIcon","AlertOutlineIcon","KeyboardOutlineIcon"],"mappings":";;;;;;;;;AAiBA,SAAwBA,EAAS;AAAA,EAC/B,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,GAAGC;AACL,GAAkB;AAChB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAAJ;AAAA,MACA,OAAAC;AAAA,MACC,GAAGC;AAAA,MAEJ,4BAACG,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,iCAAgBC,GAAA,EAAK,yBAAQC,GAAA,CAAA,CAAoB,GAAI,MAAK,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAEjE,gBAAAL;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,iCAAgBC,GAAA,EAAK,yBAAQE,GAAA,CAAA,CAAqB,GAAI,MAAK,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAElE,gBAAAN;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,iCAAgBC,GAAA,EAAK,yBAAQG,GAAA,CAAA,CAAsB,GAAI,MAAK,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAEnE,gBAAAP;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,iCAAgBC,GAAA,EAAK,yBAAQI,GAAA,CAAA,CAAiB,GAAI,MAAK,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAE9D,gBAAAR;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,iCAAgBC,GAAA,EAAK,yBAAQK,GAAA,CAAA,CAAoB,GAAI,MAAK,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACjE,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/icon/Icon.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Icon.module.css');const i="_icon_1i355_2",_={icon:i,"icon__glyph-area":"_icon__glyph-area_1i355_9","icon--size-10":"_icon--size-10_1i355_22","icon--size-12":"_icon--size-12_1i355_30","icon--size-16":"_icon--size-16_1i355_38","icon--size-20":"_icon--size-20_1i355_46","icon--size-24":"_icon--size-24_1i355_54","icon--size-28":"_icon--size-28_1i355_62","icon--size-32":"_icon--size-32_1i355_70","icon--size-40":"_icon--size-40_1i355_78","icon--size-52":"_icon--size-52_1i355_86","icon--size-64":"_icon--size-64_1i355_94","icon--size-104":"_icon--size-104_1i355_102"};exports.default=_;exports.icon=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Icon.css');const i="_icon_1i355_2",_={icon:i,"icon__glyph-area":"_icon__glyph-area_1i355_9","icon--size-10":"_icon--size-10_1i355_22","icon--size-12":"_icon--size-12_1i355_30","icon--size-16":"_icon--size-16_1i355_38","icon--size-20":"_icon--size-20_1i355_46","icon--size-24":"_icon--size-24_1i355_54","icon--size-28":"_icon--size-28_1i355_62","icon--size-32":"_icon--size-32_1i355_70","icon--size-40":"_icon--size-40_1i355_78","icon--size-52":"_icon--size-52_1i355_86","icon--size-64":"_icon--size-64_1i355_94","icon--size-104":"_icon--size-104_1i355_102"};exports.default=_;exports.icon=i;
 //# sourceMappingURL=Icon.module.scss.cjs.map

package/dist/components/icon/Icon.module.scss.js

@@ -1,4 +1,4 @@
-import './Icon.module.css';const i = "_icon_1i355_2", _ = {
+import './Icon.css';const i = "_icon_1i355_2", _ = {
   icon: i,
   "icon__glyph-area": "_icon__glyph-area_1i355_9",
   "icon--size-10": "_icon--size-10_1i355_22",

package/dist/components/icon-button/IconButton.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),B=require("../../utils/string.cjs"),t=require("./IconButton.module.scss.cjs"),T={"x-small":"12",small:"16",medium:"20",large:"24"};function q({active:n=!1,className:u="",count:a,destructive:l=!1,icon:i,padding:c="default",rounded:d=!1,size:r="medium",style:f="default",toggled:s,unreadBadge:b=!1,disabled:_,type:m="button","aria-label":C,...v}){const N=t.default[`icon-button--size-${B.toKebab(r)}`],p=c==="compact"?t.default["icon-button--padding-compact"]:"",I=f==="inverted"?t.default["icon-button--style-inverted"]:"",g=l?t.default["icon-button--destructive"]:"",h=d?t.default["icon-button--rounded"]:"",j=s?t.default["icon-button--toggled"]:"",O=n?t.default["icon-button--active"]:"",o=a!==void 0,x=o?t.default["icon-button--has-count"]:"",S=[t.default["icon-button"],N,p,I,g,h,j,O,x,u].filter(Boolean).join(" ");return e.jsxs("button",{className:S,type:m,disabled:_,"aria-label":C,"aria-pressed":s===void 0?void 0:s,"data-active":n?"true":void 0,...v,children:[e.jsxs("span",{className:t.default["icon-button__icon-slot"],"aria-hidden":!0,children:[i,b&&e.jsx("span",{className:t.default["icon-button__unread-badge"]})]}),o&&e.jsx("span",{className:t.default["icon-button__count"],children:a})]})}exports.ICON_BUTTON_ICON_SIZES=T;exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),z=require("../spinner/Spinner.cjs"),y=require("../../utils/string.cjs"),t=require("./IconButton.module.scss.cjs"),c={"x-small":"12",small:"16",medium:"20",large:"24"};function E({active:a=!1,className:d="",count:o,destructive:r=!1,icon:f,loading:s=!1,padding:b="default",rounded:_=!1,size:u="medium",style:l="default",toggled:n,unreadBadge:m=!1,disabled:C,type:v="button","aria-label":p,...N}){const j=t.default[`icon-button--size-${y.toKebab(u)}`],I=b==="compact"?t.default["icon-button--padding-compact"]:"",S=l==="inverted"?t.default["icon-button--style-inverted"]:"",h=r?t.default["icon-button--destructive"]:"",x=_?t.default["icon-button--rounded"]:"",O=n?t.default["icon-button--toggled"]:"",g=a?t.default["icon-button--active"]:"",i=o!==void 0,B=i?t.default["icon-button--has-count"]:"",T=[t.default["icon-button"],j,I,S,h,x,O,g,B,d].filter(Boolean).join(" "),q=c[u];return e.jsxs("button",{className:T,type:v,disabled:C||s,"aria-label":p,"aria-pressed":n===void 0?void 0:n,"data-active":a?"true":void 0,...N,children:[e.jsxs("span",{className:t.default["icon-button__icon-slot"],"aria-hidden":!0,children:[s?e.jsx(z.default,{size:q,inverted:l==="inverted"}):f,m&&!s&&e.jsx("span",{className:t.default["icon-button__unread-badge"]})]}),i&&e.jsx("span",{className:t.default["icon-button__count"],children:o})]})}exports.ICON_BUTTON_ICON_SIZES=c;exports.default=E;
 //# sourceMappingURL=IconButton.cjs.map

package/dist/components/icon-button/IconButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.cjs","sources":["../../../src/components/icon-button/IconButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from 'react';\nimport { toKebab } from '@/utils/string';\nimport styles from './IconButton.module.scss';\n\nexport type IconButtonSize = 'x-small' | 'small' | 'medium' | 'large';\n\n/** Figma \"Style\": Default (light context) | Inverted (dark context). */\nexport type IconButtonStyle = 'default' | 'inverted';\n\nexport type IconButtonPadding = 'default' | 'compact';\n\nexport interface IconButtonProps extends Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  'style'\n> {\n  /** When true, forces the subtler pressed/active visual (lighter than toggled). */\n  active?: boolean;\n  /** Optional CSS class name. */\n  className?: string;\n  /** Numeric count shown inline after the icon. Figma: Count. */\n  count?: number;\n  /** When true, uses destructive (danger) styling. Figma: Destructive. */\n  destructive?: boolean;\n  /** Icon to show. Size the glyph via SVG_SIZE_MAP: e.g. `<Icon glyph={<GlobeIcon size={SVG_SIZE_MAP['16']} />} size=\"16\" />`. */\n  icon: ReactNode;\n  /** Padding variant. Figma: Padding = Default | Compact. */\n  padding?: IconButtonPadding;\n  /** When true, uses full border radius (pill). Figma: Rounded = On. */\n  rounded?: boolean;\n  /** Size variant. Figma: Size. Default: Medium. */\n  size?: IconButtonSize;\n  /** Default | Inverted. Figma: Style (for light vs dark backgrounds). */\n  style?: IconButtonStyle;\n  /** When true, shows toggled/selected state. Figma: Toggled = On. When omitted, the control is not a toggle. */\n  toggled?: boolean;\n  /** When true, shows a small unread dot over the icon. Figma: Unread Badge. */\n  unreadBadge?: boolean;\n}\n\n/** Icon size (px) per IconButton size. Use with Icon: size=\"12\" | \"16\" | \"20\" | \"24\". */\nexport const ICON_BUTTON_ICON_SIZES: Record<\n  IconButtonSize,\n  '12' | '16' | '20' | '24'\n> = {\n  'x-small': '12',\n  small: '16',\n  medium: '20',\n  large: '24',\n};\n\n/**\n * Icon Buttons are compact, label-free actions for tight surfaces — channel headers, message\n * hover actions, modal dismissals, toolbar slots. They lean on the icon to communicate\n * intent, so every Icon Button must pair with a tooltip or `aria-label` that makes the\n * action explicit.\n */\nexport default function IconButton({\n  active = false,\n  className = '',\n  count,\n  destructive = false,\n  icon,\n  padding = 'default',\n  rounded = false,\n  size = 'medium',\n  style = 'default',\n  toggled,\n  unreadBadge = false,\n  disabled,\n  type = 'button',\n  'aria-label': ariaLabel,\n  ...rest\n}: IconButtonProps) {\n  const sizeClass = styles[`icon-button--size-${toKebab(size)}`];\n  const paddingClass =\n    padding === 'compact' ? styles['icon-button--padding-compact'] : '';\n  const styleClass =\n    style === 'inverted' ? styles['icon-button--style-inverted'] : '';\n  const destructiveClass = destructive\n    ? styles['icon-button--destructive']\n    : '';\n  const roundedClass = rounded ? styles['icon-button--rounded'] : '';\n  const toggledClass = toggled ? styles['icon-button--toggled'] : '';\n  const activeClass = active ? styles['icon-button--active'] : '';\n  const hasCount = count !== undefined;\n  const hasCountClass = hasCount ? styles['icon-button--has-count'] : '';\n\n  const rootClass = [\n    styles['icon-button'],\n    sizeClass,\n    paddingClass,\n    styleClass,\n    destructiveClass,\n    roundedClass,\n    toggledClass,\n    activeClass,\n    hasCountClass,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <button\n      className={rootClass}\n      type={type}\n      disabled={disabled}\n      aria-label={ariaLabel}\n      aria-pressed={toggled === undefined ? undefined : toggled}\n      data-active={active ? 'true' : undefined}\n      {...rest}\n    >\n      <span className={styles['icon-button__icon-slot']} aria-hidden>\n        {icon}\n        {unreadBadge && (\n          <span className={styles['icon-button__unread-badge']} />\n        )}\n      </span>\n      {hasCount && (\n        <span className={styles['icon-button__count']}>{count}</span>\n      )}\n    </button>\n  );\n}\n"],"names":["ICON_BUTTON_ICON_SIZES","IconButton","active","className","count","destructive","icon","padding","rounded","size","style","toggled","unreadBadge","disabled","type","ariaLabel","rest","sizeClass","styles","toKebab","paddingClass","styleClass","destructiveClass","roundedClass","toggledClass","activeClass","hasCount","hasCountClass","rootClass","jsxs","jsx"],"mappings":"+NAwCaA,EAGT,CACF,UAAW,KACX,MAAO,KACP,OAAQ,KACR,MAAO,IACT,EAQA,SAAwBC,EAAW,CACjC,OAAAC,EAAS,GACT,UAAAC,EAAY,GACZ,MAAAC,EACA,YAAAC,EAAc,GACd,KAAAC,EACA,QAAAC,EAAU,UACV,QAAAC,EAAU,GACV,KAAAC,EAAO,SACP,MAAAC,EAAQ,UACR,QAAAC,EACA,YAAAC,EAAc,GACd,SAAAC,EACA,KAAAC,EAAO,SACP,aAAcC,EACd,GAAGC,CACL,EAAoB,CAClB,MAAMC,EAAYC,EAAAA,QAAO,qBAAqBC,EAAAA,QAAQV,CAAI,CAAC,EAAE,EACvDW,EACJb,IAAY,UAAYW,EAAAA,QAAO,8BAA8B,EAAI,GAC7DG,EACJX,IAAU,WAAaQ,EAAAA,QAAO,6BAA6B,EAAI,GAC3DI,EAAmBjB,EACrBa,UAAO,0BAA0B,EACjC,GACEK,EAAef,EAAUU,UAAO,sBAAsB,EAAI,GAC1DM,EAAeb,EAAUO,UAAO,sBAAsB,EAAI,GAC1DO,EAAcvB,EAASgB,UAAO,qBAAqB,EAAI,GACvDQ,EAAWtB,IAAU,OACrBuB,EAAgBD,EAAWR,UAAO,wBAAwB,EAAI,GAE9DU,EAAY,CAChBV,EAAAA,QAAO,aAAa,EACpBD,EACAG,EACAC,EACAC,EACAC,EACAC,EACAC,EACAE,EACAxB,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACE0B,EAAAA,KAAC,SAAA,CACC,UAAWD,EACX,KAAAd,EACA,SAAAD,EACA,aAAYE,EACZ,eAAcJ,IAAY,OAAY,OAAYA,EAClD,cAAaT,EAAS,OAAS,OAC9B,GAAGc,EAEJ,SAAA,CAAAa,OAAC,QAAK,UAAWX,EAAAA,QAAO,wBAAwB,EAAG,cAAW,GAC3D,SAAA,CAAAZ,EACAM,GACCkB,EAAAA,IAAC,OAAA,CAAK,UAAWZ,EAAAA,QAAO,2BAA2B,CAAA,CAAG,CAAA,EAE1D,EACCQ,GACCI,EAAAA,IAAC,OAAA,CAAK,UAAWZ,EAAAA,QAAO,oBAAoB,EAAI,SAAAd,CAAA,CAAM,CAAA,CAAA,CAAA,CAI9D"}
+{"version":3,"file":"IconButton.cjs","sources":["../../../src/components/icon-button/IconButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from 'react';\nimport Spinner from '@/components/spinner/Spinner';\nimport { toKebab } from '@/utils/string';\nimport styles from './IconButton.module.scss';\n\nexport type IconButtonSize = 'x-small' | 'small' | 'medium' | 'large';\n\n/** Figma \"Style\": Default (light context) | Inverted (dark context). */\nexport type IconButtonStyle = 'default' | 'inverted';\n\nexport type IconButtonPadding = 'default' | 'compact';\n\nexport interface IconButtonProps extends Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  'style'\n> {\n  /** When true, forces the subtler pressed/active visual (lighter than toggled). */\n  active?: boolean;\n  /** Optional CSS class name. */\n  className?: string;\n  /** Numeric count shown inline after the icon. Figma: Count. */\n  count?: number;\n  /** When true, uses destructive (danger) styling. Figma: Destructive. */\n  destructive?: boolean;\n  /** Icon to show. Size the glyph via SVG_SIZE_MAP: e.g. `<Icon glyph={<GlobeIcon size={SVG_SIZE_MAP['16']} />} size=\"16\" />`. */\n  icon: ReactNode;\n  /** When true, shows a Spinner in place of the icon and disables the button. */\n  loading?: boolean;\n  /** Padding variant. Figma: Padding = Default | Compact. */\n  padding?: IconButtonPadding;\n  /** When true, uses full border radius (pill). Figma: Rounded = On. */\n  rounded?: boolean;\n  /** Size variant. Figma: Size. Default: Medium. */\n  size?: IconButtonSize;\n  /** Default | Inverted. Figma: Style (for light vs dark backgrounds). */\n  style?: IconButtonStyle;\n  /** When true, shows toggled/selected state. Figma: Toggled = On. When omitted, the control is not a toggle. */\n  toggled?: boolean;\n  /** When true, shows a small unread dot over the icon. Figma: Unread Badge. */\n  unreadBadge?: boolean;\n}\n\n/** Icon size (px) per IconButton size. Use with Icon: size=\"12\" | \"16\" | \"20\" | \"24\". */\nexport const ICON_BUTTON_ICON_SIZES: Record<\n  IconButtonSize,\n  '12' | '16' | '20' | '24'\n> = {\n  'x-small': '12',\n  small: '16',\n  medium: '20',\n  large: '24',\n};\n\n/**\n * Icon Buttons are compact, label-free actions for tight surfaces — channel headers, message\n * hover actions, modal dismissals, toolbar slots. They lean on the icon to communicate\n * intent, so every Icon Button must pair with a tooltip or `aria-label` that makes the\n * action explicit.\n */\nexport default function IconButton({\n  active = false,\n  className = '',\n  count,\n  destructive = false,\n  icon,\n  loading = false,\n  padding = 'default',\n  rounded = false,\n  size = 'medium',\n  style = 'default',\n  toggled,\n  unreadBadge = false,\n  disabled,\n  type = 'button',\n  'aria-label': ariaLabel,\n  ...rest\n}: IconButtonProps) {\n  const sizeClass = styles[`icon-button--size-${toKebab(size)}`];\n  const paddingClass =\n    padding === 'compact' ? styles['icon-button--padding-compact'] : '';\n  const styleClass =\n    style === 'inverted' ? styles['icon-button--style-inverted'] : '';\n  const destructiveClass = destructive\n    ? styles['icon-button--destructive']\n    : '';\n  const roundedClass = rounded ? styles['icon-button--rounded'] : '';\n  const toggledClass = toggled ? styles['icon-button--toggled'] : '';\n  const activeClass = active ? styles['icon-button--active'] : '';\n  const hasCount = count !== undefined;\n  const hasCountClass = hasCount ? styles['icon-button--has-count'] : '';\n\n  const rootClass = [\n    styles['icon-button'],\n    sizeClass,\n    paddingClass,\n    styleClass,\n    destructiveClass,\n    roundedClass,\n    toggledClass,\n    activeClass,\n    hasCountClass,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const spinnerSize = ICON_BUTTON_ICON_SIZES[size];\n\n  return (\n    <button\n      className={rootClass}\n      type={type}\n      disabled={disabled || loading}\n      aria-label={ariaLabel}\n      aria-pressed={toggled === undefined ? undefined : toggled}\n      data-active={active ? 'true' : undefined}\n      {...rest}\n    >\n      <span className={styles['icon-button__icon-slot']} aria-hidden>\n        {loading\n          ? <Spinner size={spinnerSize} inverted={style === 'inverted'} />\n          : icon}\n        {unreadBadge && !loading && (\n          <span className={styles['icon-button__unread-badge']} />\n        )}\n      </span>\n      {hasCount && (\n        <span className={styles['icon-button__count']}>{count}</span>\n      )}\n    </button>\n  );\n}\n"],"names":["ICON_BUTTON_ICON_SIZES","IconButton","active","className","count","destructive","icon","loading","padding","rounded","size","style","toggled","unreadBadge","disabled","type","ariaLabel","rest","sizeClass","styles","toKebab","paddingClass","styleClass","destructiveClass","roundedClass","toggledClass","activeClass","hasCount","hasCountClass","rootClass","spinnerSize","jsxs","Spinner","jsx"],"mappings":"mQA2CaA,EAGT,CACF,UAAW,KACX,MAAO,KACP,OAAQ,KACR,MAAO,IACT,EAQA,SAAwBC,EAAW,CACjC,OAAAC,EAAS,GACT,UAAAC,EAAY,GACZ,MAAAC,EACA,YAAAC,EAAc,GACd,KAAAC,EACA,QAAAC,EAAU,GACV,QAAAC,EAAU,UACV,QAAAC,EAAU,GACV,KAAAC,EAAO,SACP,MAAAC,EAAQ,UACR,QAAAC,EACA,YAAAC,EAAc,GACd,SAAAC,EACA,KAAAC,EAAO,SACP,aAAcC,EACd,GAAGC,CACL,EAAoB,CAClB,MAAMC,EAAYC,EAAAA,QAAO,qBAAqBC,EAAAA,QAAQV,CAAI,CAAC,EAAE,EACvDW,EACJb,IAAY,UAAYW,EAAAA,QAAO,8BAA8B,EAAI,GAC7DG,EACJX,IAAU,WAAaQ,EAAAA,QAAO,6BAA6B,EAAI,GAC3DI,EAAmBlB,EACrBc,UAAO,0BAA0B,EACjC,GACEK,EAAef,EAAUU,UAAO,sBAAsB,EAAI,GAC1DM,EAAeb,EAAUO,UAAO,sBAAsB,EAAI,GAC1DO,EAAcxB,EAASiB,UAAO,qBAAqB,EAAI,GACvDQ,EAAWvB,IAAU,OACrBwB,EAAgBD,EAAWR,UAAO,wBAAwB,EAAI,GAE9DU,EAAY,CAChBV,EAAAA,QAAO,aAAa,EACpBD,EACAG,EACAC,EACAC,EACAC,EACAC,EACAC,EACAE,EACAzB,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEL2B,EAAc9B,EAAuBU,CAAI,EAE/C,OACEqB,EAAAA,KAAC,SAAA,CACC,UAAWF,EACX,KAAAd,EACA,SAAUD,GAAYP,EACtB,aAAYS,EACZ,eAAcJ,IAAY,OAAY,OAAYA,EAClD,cAAaV,EAAS,OAAS,OAC9B,GAAGe,EAEJ,SAAA,CAAAc,OAAC,QAAK,UAAWZ,EAAAA,QAAO,wBAAwB,EAAG,cAAW,GAC3D,SAAA,CAAAZ,QACIyB,EAAAA,QAAA,CAAQ,KAAMF,EAAa,SAAUnB,IAAU,WAAY,EAC5DL,EACHO,GAAe,CAACN,GACf0B,MAAC,QAAK,UAAWd,EAAAA,QAAO,2BAA2B,CAAA,CAAG,CAAA,EAE1D,EACCQ,GACCM,EAAAA,IAAC,OAAA,CAAK,UAAWd,EAAAA,QAAO,oBAAoB,EAAI,SAAAf,CAAA,CAAM,CAAA,CAAA,CAAA,CAI9D"}

package/dist/components/icon-button/IconButton.d.ts

@@ -14,6 +14,8 @@ export interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonEle
     destructive?: boolean;
     /** Icon to show. Size the glyph via SVG_SIZE_MAP: e.g. `<Icon glyph={<GlobeIcon size={SVG_SIZE_MAP['16']} />} size="16" />`. */
     icon: ReactNode;
+    /** When true, shows a Spinner in place of the icon and disables the button. */
+    loading?: boolean;
     /** Padding variant. Figma: Padding = Default | Compact. */
     padding?: IconButtonPadding;
     /** When true, uses full border radius (pill). Figma: Rounded = On. */
@@ -35,5 +37,5 @@ export declare const ICON_BUTTON_ICON_SIZES: Record<IconButtonSize, '12' | '16'
  * intent, so every Icon Button must pair with a tooltip or `aria-label` that makes the
  * action explicit.
  */
-export default function IconButton({ active, className, count, destructive, icon, padding, rounded, size, style, toggled, unreadBadge, disabled, type, 'aria-label': ariaLabel, ...rest }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
+export default function IconButton({ active, className, count, destructive, icon, loading, padding, rounded, size, style, toggled, unreadBadge, disabled, type, 'aria-label': ariaLabel, ...rest }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=IconButton.d.ts.map

package/dist/components/icon-button/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI7D,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtE,wEAAwE;AACxE,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,UAAU,CAAC;AAErD,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,SAAS,CAAC;AAEtD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,OAAO,CACR;IACC,kFAAkF;IAClF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gIAAgI;IAChI,IAAI,EAAE,SAAS,CAAC;IAChB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,sEAAsE;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kDAAkD;IAClD,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,wEAAwE;IACxE,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,+GAA+G;IAC/G,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,yFAAyF;AACzF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CACzC,cAAc,EACd,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAM1B,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,MAAc,EACd,SAAc,EACd,KAAK,EACL,WAAmB,EACnB,IAAI,EACJ,OAAmB,EACnB,OAAe,EACf,IAAe,EACf,KAAiB,EACjB,OAAO,EACP,WAAmB,EACnB,QAAQ,EACR,IAAe,EACf,YAAY,EAAE,SAAS,EACvB,GAAG,IAAI,EACR,EAAE,eAAe,2CAmDjB"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK7D,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtE,wEAAwE;AACxE,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,UAAU,CAAC;AAErD,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,SAAS,CAAC;AAEtD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,OAAO,CACR;IACC,kFAAkF;IAClF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gIAAgI;IAChI,IAAI,EAAE,SAAS,CAAC;IAChB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,sEAAsE;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kDAAkD;IAClD,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,wEAAwE;IACxE,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,+GAA+G;IAC/G,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,yFAAyF;AACzF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CACzC,cAAc,EACd,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAM1B,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,MAAc,EACd,SAAc,EACd,KAAK,EACL,WAAmB,EACnB,IAAI,EACJ,OAAe,EACf,OAAmB,EACnB,OAAe,EACf,IAAe,EACf,KAAiB,EACjB,OAAO,EACP,WAAmB,EACnB,QAAQ,EACR,IAAe,EACf,YAAY,EAAE,SAAS,EACvB,GAAG,IAAI,EACR,EAAE,eAAe,2CAuDjB"}

package/dist/components/icon-button/IconButton.js

@@ -1,5 +1,6 @@
-import { jsxs as e, jsx as i } from "react/jsx-runtime";
-import { toKebab as z } from "../../utils/string.js";
+import { jsxs as r, jsx as s } from "react/jsx-runtime";
+import T from "../spinner/Spinner.js";
+import { toKebab as E } from "../../utils/string.js";
 import t from "./IconButton.module.scss.js";
 const K = {
   "x-small": "12",
@@ -7,57 +8,58 @@ const K = {
   medium: "20",
   large: "24"
 };
-function U({
-  active: s = !1,
-  className: c = "",
-  count: n,
-  destructive: l = !1,
-  icon: u,
-  padding: d = "default",
-  rounded: r = !1,
-  size: b = "medium",
-  style: m = "default",
+function q({
+  active: a = !1,
+  className: d = "",
+  count: e,
+  destructive: u = !1,
+  icon: b,
+  loading: n = !1,
+  padding: m = "default",
+  rounded: p = !1,
+  size: i = "medium",
+  style: c = "default",
   toggled: o,
-  unreadBadge: C = !1,
-  disabled: f,
-  type: p = "button",
-  "aria-label": v,
-  ..._
+  unreadBadge: f = !1,
+  disabled: C,
+  type: v = "button",
+  "aria-label": _,
+  ...h
 }) {
-  const h = t[`icon-button--size-${z(b)}`], N = d === "compact" ? t["icon-button--padding-compact"] : "", g = m === "inverted" ? t["icon-button--style-inverted"] : "", x = l ? t["icon-button--destructive"] : "", I = r ? t["icon-button--rounded"] : "", j = o ? t["icon-button--toggled"] : "", y = s ? t["icon-button--active"] : "", a = n !== void 0, B = a ? t["icon-button--has-count"] : "", O = [
+  const N = t[`icon-button--size-${E(i)}`], x = m === "compact" ? t["icon-button--padding-compact"] : "", I = c === "inverted" ? t["icon-button--style-inverted"] : "", S = u ? t["icon-button--destructive"] : "", j = p ? t["icon-button--rounded"] : "", z = o ? t["icon-button--toggled"] : "", B = a ? t["icon-button--active"] : "", l = e !== void 0, O = l ? t["icon-button--has-count"] : "", g = [
     t["icon-button"],
-    h,
     N,
-    g,
     x,
     I,
+    S,
     j,
-    y,
+    z,
     B,
-    c
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e(
+    O,
+    d
+  ].filter(Boolean).join(" "), y = K[i];
+  return /* @__PURE__ */ r(
     "button",
     {
-      className: O,
-      type: p,
-      disabled: f,
-      "aria-label": v,
+      className: g,
+      type: v,
+      disabled: C || n,
+      "aria-label": _,
       "aria-pressed": o === void 0 ? void 0 : o,
-      "data-active": s ? "true" : void 0,
-      ..._,
+      "data-active": a ? "true" : void 0,
+      ...h,
       children: [
-        /* @__PURE__ */ e("span", { className: t["icon-button__icon-slot"], "aria-hidden": !0, children: [
-          u,
-          C && /* @__PURE__ */ i("span", { className: t["icon-button__unread-badge"] })
+        /* @__PURE__ */ r("span", { className: t["icon-button__icon-slot"], "aria-hidden": !0, children: [
+          n ? /* @__PURE__ */ s(T, { size: y, inverted: c === "inverted" }) : b,
+          f && !n && /* @__PURE__ */ s("span", { className: t["icon-button__unread-badge"] })
         ] }),
-        a && /* @__PURE__ */ i("span", { className: t["icon-button__count"], children: n })
+        l && /* @__PURE__ */ s("span", { className: t["icon-button__count"], children: e })
       ]
     }
   );
 }
 export {
   K as ICON_BUTTON_ICON_SIZES,
-  U as default
+  q as default
 };
 //# sourceMappingURL=IconButton.js.map