@mattermost/compass-ui 0.1.0-alpha.14 → 0.1.0-alpha.16

package/dist/components/button/Button.module.scss.js

@@ -1,22 +1,23 @@
-import './Button.css';const t = "_button_doayp_2", o = "_button__label_doayp_24", _ = {
+import './Button.css';const t = "_button_aa8j5_2", a = "_button__label_aa8j5_31", _ = {
   button: t,
-  button__label: o,
-  "button__icon-slot": "_button__icon-slot_doayp_27",
-  "button--size-x-small": "_button--size-x-small_doayp_33",
-  "button--size-small": "_button--size-small_doayp_40",
-  "button--size-medium": "_button--size-medium_doayp_47",
-  "button--size-large": "_button--size-large_doayp_54",
-  "button--emphasis-primary": "_button--emphasis-primary_doayp_61",
-  "button--emphasis-secondary": "_button--emphasis-secondary_doayp_75",
-  "button--emphasis-tertiary": "_button--emphasis-tertiary_doayp_91",
-  "button--emphasis-quaternary": "_button--emphasis-quaternary_doayp_105",
-  "button--emphasis-link": "_button--emphasis-link_doayp_118",
-  "button--destructive": "_button--destructive_doayp_130",
-  "button--appearance-inverted": "_button--appearance-inverted_doayp_193"
+  "button--disabled": "_button--disabled_aa8j5_28",
+  button__label: a,
+  "button__icon-slot": "_button__icon-slot_aa8j5_35",
+  "button--size-x-small": "_button--size-x-small_aa8j5_42",
+  "button--size-small": "_button--size-small_aa8j5_49",
+  "button--size-medium": "_button--size-medium_aa8j5_56",
+  "button--size-large": "_button--size-large_aa8j5_63",
+  "button--emphasis-primary": "_button--emphasis-primary_aa8j5_70",
+  "button--emphasis-secondary": "_button--emphasis-secondary_aa8j5_84",
+  "button--emphasis-tertiary": "_button--emphasis-tertiary_aa8j5_100",
+  "button--emphasis-quaternary": "_button--emphasis-quaternary_aa8j5_114",
+  "button--emphasis-link": "_button--emphasis-link_aa8j5_127",
+  "button--destructive": "_button--destructive_aa8j5_141",
+  "button--appearance-inverted": "_button--appearance-inverted_aa8j5_204"
 };
 export {
   t as button,
-  o as button__label,
+  a as button__label,
   _ as default
 };
 //# sourceMappingURL=Button.module.scss.js.map

package/dist/components/button/Button.module.scss.js.map

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

package/dist/components/button/index.d.ts

@@ -1,4 +1,4 @@
 export { default as Button } from './Button';
-export type { ButtonProps, ButtonEmphasis, ButtonSize, ButtonAppearance, } from './Button';
+export type { ButtonProps, ButtonAsChildProps, ButtonEmphasis, ButtonSize, ButtonAppearance, } from './Button';
 export { default as btnStyles } from './Button.module.scss';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,YAAY,EACV,WAAW,EACX,cAAc,EACd,UAAU,EACV,gBAAgB,GACjB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,YAAY,EACV,WAAW,EACX,kBAAkB,EAClB,cAAc,EACd,UAAU,EACV,gBAAgB,GACjB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/channel-sidebar-item/ChannelSidebarItem.css

@@ -1 +1 @@
-._channel-sidebar-item_goy1t_2{position:relative;display:flex;align-items:center;height:32px;overflow:hidden;-webkit-user-select:none;user-select:none}._channel-sidebar-item__menu-button_goy1t_10{display:flex;opacity:0;pointer-events:none;transition:opacity var(--duration-quick) var(--ease-transition)}._channel-sidebar-item__mention-badge_goy1t_16{transition:opacity var(--duration-quick) var(--ease-transition)}._channel-sidebar-item_goy1t_2 ._channel-sidebar-item__menu-icon_goy1t_19{--focus-ring-color: var(--sidebar-text-active-border)}._channel-sidebar-item_goy1t_2:hover,._channel-sidebar-item_goy1t_2:focus-within{overflow:visible}._channel-sidebar-item_goy1t_2:hover ._channel-sidebar-item__menu-button_goy1t_10,._channel-sidebar-item_goy1t_2:focus-within ._channel-sidebar-item__menu-button_goy1t_10{opacity:1;pointer-events:auto}._channel-sidebar-item_goy1t_2:hover ._channel-sidebar-item__mention-badge_goy1t_16,._channel-sidebar-item_goy1t_2:focus-within ._channel-sidebar-item__mention-badge_goy1t_16{opacity:0;pointer-events:none}._channel-sidebar-item_goy1t_2:hover:not(._channel-sidebar-item--active_goy1t_33),._channel-sidebar-item_goy1t_2:focus-within:not(._channel-sidebar-item--active_goy1t_33){background:rgba(var(--sidebar-text-rgb),.08)}._channel-sidebar-item__active-border_goy1t_36{flex-shrink:0;width:2px;align-self:stretch;border-radius:0 2px 2px 0;background:var(--sidebar-text-active-border)}._channel-sidebar-item__left_goy1t_43{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;border:none;background:transparent;display:flex;align-items:center;flex:1;min-width:0;align-self:stretch;gap:var(--spacing-xxxxs);padding:var(--spacing-xxxxs) var(--spacing-xs) var(--spacing-xxxxs) 18px;cursor:pointer;font:inherit;color:inherit;text-align:left}._channel-sidebar-item__left_goy1t_43:focus{outline:none}._channel-sidebar-item__left_goy1t_43:focus-visible{box-shadow:inset 0 0 0 2px var(--sidebar-text-active-border)}._channel-sidebar-item__icon-container_goy1t_66{display:flex;align-items:center;flex-shrink:0;padding:var(--spacing-xxxs);color:var(--sidebar-text);opacity:.64}._channel-sidebar-item__icon-container--dm_goy1t_74{padding:var(--spacing-xxxxs);opacity:1;--status-badge-bg: var(--sidebar-bg)}._channel-sidebar-item__group-icon_goy1t_79{width:var(--icon-size-16);height:var(--icon-size-16);display:flex;align-items:center;justify-content:center;background:rgba(var(--sidebar-text-rgb),.16);border-radius:var(--radius-s);font-family:var(--font-family-body);font-size:var(--font-size-50);font-weight:var(--font-weight-semibold);line-height:var(--line-height-25);letter-spacing:.01em;color:var(--sidebar-text);opacity:.72}._channel-sidebar-item__content_goy1t_95{display:flex;align-items:center;flex:1;min-width:0;gap:var(--spacing-xs);padding:2px var(--spacing-xxxxs)}._channel-sidebar-item__name_goy1t_103{font-family:var(--font-family-body);font-size:var(--font-size-100);font-weight:var(--font-weight-regular);line-height:var(--line-height-100);letter-spacing:.02em;color:var(--sidebar-text);opacity:.72;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:144px}._channel-sidebar-item__status-hint_goy1t_116{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._channel-sidebar-item__shared-icon_goy1t_127{display:flex;align-items:center;flex-shrink:0;padding:var(--spacing-xxxs) 0;color:var(--sidebar-text);opacity:.72}._channel-sidebar-item__custom-status_goy1t_135{display:flex;align-items:center;flex-shrink:0;font-size:var(--font-size-200);line-height:var(--line-height-25);opacity:.8}._channel-sidebar-item__right_goy1t_143{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;gap:var(--spacing-xxxxs);padding-right:var(--spacing-l);color:var(--sidebar-text)}._channel-sidebar-item__call_goy1t_152{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xxxs);border-radius:var(--radius-s)}._channel-sidebar-item--text-only_goy1t_162 ._channel-sidebar-item__left_goy1t_43{gap:0}._channel-sidebar-item--active_goy1t_33{background:rgba(var(--sidebar-text-rgb),.12)}._channel-sidebar-item--active_goy1t_33 ._channel-sidebar-item__left_goy1t_43{padding-left:var(--spacing-l)}._channel-sidebar-item--active_goy1t_33 ._channel-sidebar-item__name_goy1t_103,._channel-sidebar-item--status-unread_goy1t_174 ._channel-sidebar-item__icon-container_goy1t_66,._channel-sidebar-item--status-mention_goy1t_174 ._channel-sidebar-item__icon-container_goy1t_66{opacity:1}._channel-sidebar-item--status-unread_goy1t_174 ._channel-sidebar-item__name_goy1t_103,._channel-sidebar-item--status-mention_goy1t_174 ._channel-sidebar-item__name_goy1t_103{font-weight:var(--font-weight-semibold);opacity:1}._channel-sidebar-item--drafts_goy1t_181 ._channel-sidebar-item__icon-container_goy1t_66{opacity:.64}._channel-sidebar-item--drafts_goy1t_181 ._channel-sidebar-item__name_goy1t_103{font-weight:var(--font-weight-regular);opacity:.72}._channel-sidebar-item--drafts_goy1t_181 ._channel-sidebar-item__mention-badge_goy1t_16>*{background-color:transparent;color:var(--sidebar-text);padding-left:0;padding-right:var(--spacing-xxs)}._channel-sidebar-item--drafts_goy1t_181._channel-sidebar-item--active_goy1t_33 ._channel-sidebar-item__name_goy1t_103{opacity:1}._channel-sidebar-item--muted_goy1t_197 ._channel-sidebar-item__icon-container_goy1t_66,._channel-sidebar-item--muted_goy1t_197 ._channel-sidebar-item__name_goy1t_103,._channel-sidebar-item--muted_goy1t_197 ._channel-sidebar-item__shared-icon_goy1t_127{opacity:.4}
+._channel-sidebar-item_m2jgi_2{position:relative;display:flex;align-items:center;height:32px;overflow:hidden;-webkit-user-select:none;user-select:none}._channel-sidebar-item__menu-button_m2jgi_10{position:absolute;top:50%;right:var(--spacing-l);display:flex;transform:translateY(-50%);opacity:0;pointer-events:none;transition:opacity var(--duration-quick) var(--ease-transition)}._channel-sidebar-item__mention-badge_m2jgi_20{transition:opacity var(--duration-quick) var(--ease-transition)}._channel-sidebar-item_m2jgi_2 ._channel-sidebar-item__menu-icon_m2jgi_23{--focus-ring-color: var(--sidebar-text-active-border)}._channel-sidebar-item_m2jgi_2:hover,._channel-sidebar-item_m2jgi_2:focus-within{overflow:visible}._channel-sidebar-item_m2jgi_2:hover ._channel-sidebar-item__menu-button_m2jgi_10,._channel-sidebar-item_m2jgi_2:focus-within ._channel-sidebar-item__menu-button_m2jgi_10{opacity:1;pointer-events:auto}._channel-sidebar-item_m2jgi_2:hover ._channel-sidebar-item__mention-badge_m2jgi_20,._channel-sidebar-item_m2jgi_2:focus-within ._channel-sidebar-item__mention-badge_m2jgi_20{opacity:0;pointer-events:none}._channel-sidebar-item_m2jgi_2:hover:not(._channel-sidebar-item--active_m2jgi_37),._channel-sidebar-item_m2jgi_2:focus-within:not(._channel-sidebar-item--active_m2jgi_37){background:rgba(var(--sidebar-text-rgb),.08)}._channel-sidebar-item__active-border_m2jgi_40{flex-shrink:0;width:2px;align-self:stretch;border-radius:0 2px 2px 0;background:var(--sidebar-text-active-border)}._channel-sidebar-item__left_m2jgi_47{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;border:none;background:transparent;display:flex;align-items:center;flex:1;min-width:0;align-self:stretch;gap:var(--spacing-xxxxs);padding:var(--spacing-xxxxs) var(--spacing-xs) var(--spacing-xxxxs) 18px;cursor:pointer;font:inherit;color:inherit;text-align:left}._channel-sidebar-item__left_m2jgi_47:focus{outline:none}._channel-sidebar-item__left_m2jgi_47:focus-visible{box-shadow:inset 0 0 0 2px var(--sidebar-text-active-border)}._channel-sidebar-item__icon-container_m2jgi_70{display:flex;align-items:center;flex-shrink:0;padding:var(--spacing-xxxs);color:var(--sidebar-text);opacity:.64}._channel-sidebar-item__icon-container--dm_m2jgi_78{padding:var(--spacing-xxxxs);opacity:1;--status-badge-bg: var(--sidebar-bg)}._channel-sidebar-item__group-icon_m2jgi_83{width:var(--icon-size-16);height:var(--icon-size-16);display:flex;align-items:center;justify-content:center;background:rgba(var(--sidebar-text-rgb),.16);border-radius:var(--radius-s);font-family:var(--font-family-body);font-size:var(--font-size-50);font-weight:var(--font-weight-semibold);line-height:var(--line-height-25);letter-spacing:.01em;color:var(--sidebar-text);opacity:.72}._channel-sidebar-item__content_m2jgi_99{display:flex;align-items:center;flex:1;min-width:0;gap:var(--spacing-xs);padding:2px var(--spacing-xxxxs)}._channel-sidebar-item__name_m2jgi_107{font-family:var(--font-family-body);font-size:var(--font-size-100);font-weight:var(--font-weight-regular);line-height:var(--line-height-100);letter-spacing:.02em;color:var(--sidebar-text);opacity:.72;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:144px}._channel-sidebar-item__status-hint_m2jgi_120{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._channel-sidebar-item__shared-icon_m2jgi_131{display:flex;align-items:center;flex-shrink:0;padding:var(--spacing-xxxs) 0;color:var(--sidebar-text);opacity:.72}._channel-sidebar-item__custom-status_m2jgi_139{display:flex;align-items:center;flex-shrink:0;font-size:var(--font-size-200);line-height:var(--line-height-25);opacity:.8}._channel-sidebar-item__right_m2jgi_147{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;gap:var(--spacing-xxxxs);padding-right:var(--spacing-l);color:var(--sidebar-text)}._channel-sidebar-item__call_m2jgi_156{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xxxs);border-radius:var(--radius-s)}._channel-sidebar-item--text-only_m2jgi_166 ._channel-sidebar-item__left_m2jgi_47{gap:0}._channel-sidebar-item--active_m2jgi_37{background:rgba(var(--sidebar-text-rgb),.12)}._channel-sidebar-item--active_m2jgi_37 ._channel-sidebar-item__left_m2jgi_47{padding-left:var(--spacing-l)}._channel-sidebar-item--active_m2jgi_37 ._channel-sidebar-item__name_m2jgi_107,._channel-sidebar-item--status-unread_m2jgi_178 ._channel-sidebar-item__icon-container_m2jgi_70,._channel-sidebar-item--status-mention_m2jgi_178 ._channel-sidebar-item__icon-container_m2jgi_70{opacity:1}._channel-sidebar-item--status-unread_m2jgi_178 ._channel-sidebar-item__name_m2jgi_107,._channel-sidebar-item--status-mention_m2jgi_178 ._channel-sidebar-item__name_m2jgi_107{font-weight:var(--font-weight-semibold);opacity:1}._channel-sidebar-item--drafts_m2jgi_185 ._channel-sidebar-item__icon-container_m2jgi_70{opacity:.64}._channel-sidebar-item--drafts_m2jgi_185 ._channel-sidebar-item__name_m2jgi_107{font-weight:var(--font-weight-regular);opacity:.72}._channel-sidebar-item--drafts_m2jgi_185 ._channel-sidebar-item__mention-badge_m2jgi_20>*{background-color:transparent;color:var(--sidebar-text);padding-left:0;padding-right:var(--spacing-xxs)}._channel-sidebar-item--drafts_m2jgi_185._channel-sidebar-item--active_m2jgi_37 ._channel-sidebar-item__name_m2jgi_107{opacity:1}._channel-sidebar-item--muted_m2jgi_201 ._channel-sidebar-item__icon-container_m2jgi_70,._channel-sidebar-item--muted_m2jgi_201 ._channel-sidebar-item__name_m2jgi_107,._channel-sidebar-item--muted_m2jgi_201 ._channel-sidebar-item__shared-icon_m2jgi_131{opacity:.4}

package/dist/components/channel-sidebar-item/ChannelSidebarItem.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ChannelSidebarItem.css');const e={"channel-sidebar-item":"_channel-sidebar-item_goy1t_2","channel-sidebar-item__menu-button":"_channel-sidebar-item__menu-button_goy1t_10","channel-sidebar-item__mention-badge":"_channel-sidebar-item__mention-badge_goy1t_16","channel-sidebar-item__menu-icon":"_channel-sidebar-item__menu-icon_goy1t_19","channel-sidebar-item--active":"_channel-sidebar-item--active_goy1t_33","channel-sidebar-item__active-border":"_channel-sidebar-item__active-border_goy1t_36","channel-sidebar-item__left":"_channel-sidebar-item__left_goy1t_43","channel-sidebar-item__icon-container":"_channel-sidebar-item__icon-container_goy1t_66","channel-sidebar-item__icon-container--dm":"_channel-sidebar-item__icon-container--dm_goy1t_74","channel-sidebar-item__group-icon":"_channel-sidebar-item__group-icon_goy1t_79","channel-sidebar-item__content":"_channel-sidebar-item__content_goy1t_95","channel-sidebar-item__name":"_channel-sidebar-item__name_goy1t_103","channel-sidebar-item__status-hint":"_channel-sidebar-item__status-hint_goy1t_116","channel-sidebar-item__shared-icon":"_channel-sidebar-item__shared-icon_goy1t_127","channel-sidebar-item__custom-status":"_channel-sidebar-item__custom-status_goy1t_135","channel-sidebar-item__right":"_channel-sidebar-item__right_goy1t_143","channel-sidebar-item__call":"_channel-sidebar-item__call_goy1t_152","channel-sidebar-item--text-only":"_channel-sidebar-item--text-only_goy1t_162","channel-sidebar-item--status-unread":"_channel-sidebar-item--status-unread_goy1t_174","channel-sidebar-item--status-mention":"_channel-sidebar-item--status-mention_goy1t_174","channel-sidebar-item--drafts":"_channel-sidebar-item--drafts_goy1t_181","channel-sidebar-item--muted":"_channel-sidebar-item--muted_goy1t_197"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ChannelSidebarItem.css');const e={"channel-sidebar-item":"_channel-sidebar-item_m2jgi_2","channel-sidebar-item__menu-button":"_channel-sidebar-item__menu-button_m2jgi_10","channel-sidebar-item__mention-badge":"_channel-sidebar-item__mention-badge_m2jgi_20","channel-sidebar-item__menu-icon":"_channel-sidebar-item__menu-icon_m2jgi_23","channel-sidebar-item--active":"_channel-sidebar-item--active_m2jgi_37","channel-sidebar-item__active-border":"_channel-sidebar-item__active-border_m2jgi_40","channel-sidebar-item__left":"_channel-sidebar-item__left_m2jgi_47","channel-sidebar-item__icon-container":"_channel-sidebar-item__icon-container_m2jgi_70","channel-sidebar-item__icon-container--dm":"_channel-sidebar-item__icon-container--dm_m2jgi_78","channel-sidebar-item__group-icon":"_channel-sidebar-item__group-icon_m2jgi_83","channel-sidebar-item__content":"_channel-sidebar-item__content_m2jgi_99","channel-sidebar-item__name":"_channel-sidebar-item__name_m2jgi_107","channel-sidebar-item__status-hint":"_channel-sidebar-item__status-hint_m2jgi_120","channel-sidebar-item__shared-icon":"_channel-sidebar-item__shared-icon_m2jgi_131","channel-sidebar-item__custom-status":"_channel-sidebar-item__custom-status_m2jgi_139","channel-sidebar-item__right":"_channel-sidebar-item__right_m2jgi_147","channel-sidebar-item__call":"_channel-sidebar-item__call_m2jgi_156","channel-sidebar-item--text-only":"_channel-sidebar-item--text-only_m2jgi_166","channel-sidebar-item--status-unread":"_channel-sidebar-item--status-unread_m2jgi_178","channel-sidebar-item--status-mention":"_channel-sidebar-item--status-mention_m2jgi_178","channel-sidebar-item--drafts":"_channel-sidebar-item--drafts_m2jgi_185","channel-sidebar-item--muted":"_channel-sidebar-item--muted_m2jgi_201"};exports.default=e;
 //# sourceMappingURL=ChannelSidebarItem.module.scss.cjs.map

package/dist/components/channel-sidebar-item/ChannelSidebarItem.module.scss.js

@@ -1,26 +1,26 @@
 import './ChannelSidebarItem.css';const e = {
-  "channel-sidebar-item": "_channel-sidebar-item_goy1t_2",
-  "channel-sidebar-item__menu-button": "_channel-sidebar-item__menu-button_goy1t_10",
-  "channel-sidebar-item__mention-badge": "_channel-sidebar-item__mention-badge_goy1t_16",
-  "channel-sidebar-item__menu-icon": "_channel-sidebar-item__menu-icon_goy1t_19",
-  "channel-sidebar-item--active": "_channel-sidebar-item--active_goy1t_33",
-  "channel-sidebar-item__active-border": "_channel-sidebar-item__active-border_goy1t_36",
-  "channel-sidebar-item__left": "_channel-sidebar-item__left_goy1t_43",
-  "channel-sidebar-item__icon-container": "_channel-sidebar-item__icon-container_goy1t_66",
-  "channel-sidebar-item__icon-container--dm": "_channel-sidebar-item__icon-container--dm_goy1t_74",
-  "channel-sidebar-item__group-icon": "_channel-sidebar-item__group-icon_goy1t_79",
-  "channel-sidebar-item__content": "_channel-sidebar-item__content_goy1t_95",
-  "channel-sidebar-item__name": "_channel-sidebar-item__name_goy1t_103",
-  "channel-sidebar-item__status-hint": "_channel-sidebar-item__status-hint_goy1t_116",
-  "channel-sidebar-item__shared-icon": "_channel-sidebar-item__shared-icon_goy1t_127",
-  "channel-sidebar-item__custom-status": "_channel-sidebar-item__custom-status_goy1t_135",
-  "channel-sidebar-item__right": "_channel-sidebar-item__right_goy1t_143",
-  "channel-sidebar-item__call": "_channel-sidebar-item__call_goy1t_152",
-  "channel-sidebar-item--text-only": "_channel-sidebar-item--text-only_goy1t_162",
-  "channel-sidebar-item--status-unread": "_channel-sidebar-item--status-unread_goy1t_174",
-  "channel-sidebar-item--status-mention": "_channel-sidebar-item--status-mention_goy1t_174",
-  "channel-sidebar-item--drafts": "_channel-sidebar-item--drafts_goy1t_181",
-  "channel-sidebar-item--muted": "_channel-sidebar-item--muted_goy1t_197"
+  "channel-sidebar-item": "_channel-sidebar-item_m2jgi_2",
+  "channel-sidebar-item__menu-button": "_channel-sidebar-item__menu-button_m2jgi_10",
+  "channel-sidebar-item__mention-badge": "_channel-sidebar-item__mention-badge_m2jgi_20",
+  "channel-sidebar-item__menu-icon": "_channel-sidebar-item__menu-icon_m2jgi_23",
+  "channel-sidebar-item--active": "_channel-sidebar-item--active_m2jgi_37",
+  "channel-sidebar-item__active-border": "_channel-sidebar-item__active-border_m2jgi_40",
+  "channel-sidebar-item__left": "_channel-sidebar-item__left_m2jgi_47",
+  "channel-sidebar-item__icon-container": "_channel-sidebar-item__icon-container_m2jgi_70",
+  "channel-sidebar-item__icon-container--dm": "_channel-sidebar-item__icon-container--dm_m2jgi_78",
+  "channel-sidebar-item__group-icon": "_channel-sidebar-item__group-icon_m2jgi_83",
+  "channel-sidebar-item__content": "_channel-sidebar-item__content_m2jgi_99",
+  "channel-sidebar-item__name": "_channel-sidebar-item__name_m2jgi_107",
+  "channel-sidebar-item__status-hint": "_channel-sidebar-item__status-hint_m2jgi_120",
+  "channel-sidebar-item__shared-icon": "_channel-sidebar-item__shared-icon_m2jgi_131",
+  "channel-sidebar-item__custom-status": "_channel-sidebar-item__custom-status_m2jgi_139",
+  "channel-sidebar-item__right": "_channel-sidebar-item__right_m2jgi_147",
+  "channel-sidebar-item__call": "_channel-sidebar-item__call_m2jgi_156",
+  "channel-sidebar-item--text-only": "_channel-sidebar-item--text-only_m2jgi_166",
+  "channel-sidebar-item--status-unread": "_channel-sidebar-item--status-unread_m2jgi_178",
+  "channel-sidebar-item--status-mention": "_channel-sidebar-item--status-mention_m2jgi_178",
+  "channel-sidebar-item--drafts": "_channel-sidebar-item--drafts_m2jgi_185",
+  "channel-sidebar-item--muted": "_channel-sidebar-item--muted_m2jgi_201"
 };
 export {
   e as default

package/dist/components/checkbox/Checkbox.css

@@ -1 +1 @@
-@keyframes _checkbox-icon-enter_1rll8_1{0%{transform:scale(.5)}to{transform:scale(1)}}._checkbox_1rll8_10{position:relative;display:flex;align-items:flex-start;width:100%;gap:var(--spacing-s);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}._checkbox_1rll8_10:has(._checkbox__input_1rll8_22:disabled){cursor:not-allowed;color:rgba(var(--center-channel-color-rgb),.56)}._checkbox__input_1rll8_22{position:absolute;left:0;top:0;margin:0;padding:0;opacity:0;overflow:hidden;white-space:nowrap;border:0;cursor:inherit}._checkbox__input_1rll8_22:focus-visible{outline:none}._checkbox__box_1rll8_41{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);transition:background-color var(--duration-quick) var(--ease-transition),border-color var(--duration-quick) var(--ease-transition),box-shadow var(--duration-quick) var(--ease-transition)}._checkbox__input_1rll8_22:focus-visible~._checkbox__box_1rll8_41{box-shadow:0 0 0 2px rgba(var(--button-bg-rgb),.56)}._checkbox_1rll8_10:has(._checkbox__input_1rll8_22:not(:disabled)):hover ._checkbox__box_1rll8_41{border-color:rgba(var(--center-channel-color-rgb),.32)}._checkbox__input_1rll8_22:disabled~._checkbox__box_1rll8_41{background-color:var(--center-channel-bg);border-color:rgba(var(--center-channel-color-rgb),.16)}._checkbox__input_1rll8_22:checked~._checkbox__box_1rll8_41,._checkbox--indeterminate_1rll8_62 ._checkbox__box_1rll8_41{background-color:var(--button-bg);border-color:var(--button-bg)}._checkbox__input_1rll8_22:checked~._checkbox__box_1rll8_41 ._checkbox__icon_1rll8_66,._checkbox--indeterminate_1rll8_62 ._checkbox__box_1rll8_41 ._checkbox__icon_1rll8_66{color:var(--button-color)}._checkbox_1rll8_10:has(._checkbox__input_1rll8_22:not(:disabled)):hover ._checkbox__input_1rll8_22:checked~._checkbox__box_1rll8_41,._checkbox_1rll8_10:has(._checkbox__input_1rll8_22:not(:disabled)):hover._checkbox--indeterminate_1rll8_62 ._checkbox__box_1rll8_41{background-color:var(--button-bg);border-color:var(--button-bg)}._checkbox__input_1rll8_22:focus-visible:checked~._checkbox__box_1rll8_41,._checkbox--indeterminate_1rll8_62 ._checkbox__input_1rll8_22:focus-visible~._checkbox__box_1rll8_41{border-color:var(--button-bg);box-shadow:0 0 0 2px rgba(var(--button-bg-rgb),.56)}._checkbox__input_1rll8_22:disabled:checked~._checkbox__box_1rll8_41,._checkbox--indeterminate_1rll8_62 ._checkbox__input_1rll8_22:disabled~._checkbox__box_1rll8_41{background-color:rgba(var(--center-channel-color-rgb),.32);border-color:transparent}._checkbox__input_1rll8_22:disabled:checked~._checkbox__box_1rll8_41 ._checkbox__icon_1rll8_66,._checkbox--indeterminate_1rll8_62 ._checkbox__input_1rll8_22:disabled~._checkbox__box_1rll8_41 ._checkbox__icon_1rll8_66{color:var(--button-color)}._checkbox--invalid_1rll8_84 ._checkbox__box_1rll8_41{border-color:rgba(var(--error-text-color-rgb),.5)}._checkbox--invalid_1rll8_84 ._checkbox__input_1rll8_22:checked~._checkbox__box_1rll8_41,._checkbox--invalid_1rll8_84._checkbox--indeterminate_1rll8_62 ._checkbox__box_1rll8_41{background-color:var(--error-text);border-color:var(--error-text)}._checkbox--invalid_1rll8_84 ._checkbox__input_1rll8_22:checked~._checkbox__box_1rll8_41 ._checkbox__icon_1rll8_66,._checkbox--invalid_1rll8_84._checkbox--indeterminate_1rll8_62 ._checkbox__box_1rll8_41 ._checkbox__icon_1rll8_66{color:var(--button-color)}._checkbox_1rll8_10:has(._checkbox__input_1rll8_22:not(:disabled)):hover._checkbox--invalid_1rll8_84 ._checkbox__input_1rll8_22:checked~._checkbox__box_1rll8_41,._checkbox_1rll8_10:has(._checkbox__input_1rll8_22:not(:disabled)):hover._checkbox--invalid_1rll8_84._checkbox--indeterminate_1rll8_62 ._checkbox__box_1rll8_41{background-color:var(--error-text);border-color:var(--error-text)}._checkbox--invalid_1rll8_84 ._checkbox__input_1rll8_22:focus-visible~._checkbox__box_1rll8_41{box-shadow:0 0 0 2px var(--error-text)}._checkbox--invalid_1rll8_84 ._checkbox__input_1rll8_22:focus-visible:checked~._checkbox__box_1rll8_41,._checkbox--invalid_1rll8_84._checkbox--indeterminate_1rll8_62 ._checkbox__input_1rll8_22:focus-visible~._checkbox__box_1rll8_41{border-color:rgba(var(--button-color-rgb),.24);box-shadow:0 0 0 2px var(--error-text)}._checkbox_1rll8_10:has(._checkbox__input_1rll8_22:not(:disabled)):hover._checkbox--invalid_1rll8_84 ._checkbox__input_1rll8_22:not(:checked)~._checkbox__box_1rll8_41{border-color:var(--error-text)}._checkbox__icon_1rll8_66{display:inline-flex;align-items:center;justify-content:center;color:var(--button-color);pointer-events:none;transform-origin:center;animation:_checkbox-icon-enter_1rll8_1 var(--duration-quick) var(--ease-entrance) forwards}._checkbox__label_1rll8_117{line-height:1}._checkbox--size-small_1rll8_120 ._checkbox__input_1rll8_22{width:var(--icon-size-12);height:var(--icon-size-12);margin-top:calc((var(--line-height-75) - var(--icon-size-12)) / 2)}._checkbox--size-small_1rll8_120 ._checkbox__box_1rll8_41{width:var(--icon-size-12);height:var(--icon-size-12);border-radius:var(--radius-xs);margin-top:calc((var(--line-height-75) - var(--icon-size-12)) / 2)}._checkbox--size-small_1rll8_120 ._checkbox__label_1rll8_117{font-size:var(--font-size-75);line-height:var(--line-height-75)}._checkbox--size-medium_1rll8_135 ._checkbox__input_1rll8_22{width:var(--icon-size-16);height:var(--icon-size-16);margin-top:calc((var(--line-height-100) - var(--icon-size-16)) / 2)}._checkbox--size-medium_1rll8_135 ._checkbox__box_1rll8_41{width:var(--icon-size-16);height:var(--icon-size-16);border-radius:var(--radius-xs);margin-top:calc((var(--line-height-100) - var(--icon-size-16)) / 2)}._checkbox--size-medium_1rll8_135 ._checkbox__label_1rll8_117{font-size:var(--font-size-100);line-height:var(--line-height-100)}._checkbox--size-large_1rll8_150 ._checkbox__input_1rll8_22{width:var(--icon-size-20);height:var(--icon-size-20);margin-top:calc((var(--line-height-200) - var(--icon-size-20)) / 2)}._checkbox--size-large_1rll8_150 ._checkbox__box_1rll8_41{width:var(--icon-size-20);height:var(--icon-size-20);border-radius:var(--radius-s);margin-top:calc((var(--line-height-200) - var(--icon-size-20)) / 2)}._checkbox--size-large_1rll8_150 ._checkbox__label_1rll8_117{font-size:var(--font-size-200);line-height:var(--line-height-200)}
+@keyframes _checkbox-icon-enter_18swc_1{0%{transform:scale(.5)}to{transform:scale(1)}}._checkbox_18swc_10{position:relative;display:flex;align-items:flex-start;width:100%;gap:var(--spacing-s);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}._checkbox_18swc_10._checkbox_18swc_10{margin:0}._checkbox_18swc_10:has(._checkbox__input_18swc_25:disabled){cursor:not-allowed;color:rgba(var(--center-channel-color-rgb),.56)}._checkbox__input_18swc_25{position:absolute;left:0;top:0;margin:0;padding:0;opacity:0;overflow:hidden;white-space:nowrap;border:0;cursor:inherit}._checkbox__input_18swc_25:focus-visible{outline:none}._checkbox__box_18swc_44{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);transition:background-color var(--duration-quick) var(--ease-transition),border-color var(--duration-quick) var(--ease-transition),box-shadow var(--duration-quick) var(--ease-transition)}._checkbox__input_18swc_25:focus-visible~._checkbox__box_18swc_44{box-shadow:0 0 0 2px rgba(var(--button-bg-rgb),.56)}._checkbox_18swc_10:has(._checkbox__input_18swc_25:not(:disabled)):hover ._checkbox__box_18swc_44{border-color:rgba(var(--center-channel-color-rgb),.32)}._checkbox__input_18swc_25:disabled~._checkbox__box_18swc_44{background-color:var(--center-channel-bg);border-color:rgba(var(--center-channel-color-rgb),.16)}._checkbox__input_18swc_25:checked~._checkbox__box_18swc_44,._checkbox--indeterminate_18swc_65 ._checkbox__box_18swc_44{background-color:var(--button-bg);border-color:var(--button-bg)}._checkbox__input_18swc_25:checked~._checkbox__box_18swc_44 ._checkbox__icon_18swc_69,._checkbox--indeterminate_18swc_65 ._checkbox__box_18swc_44 ._checkbox__icon_18swc_69{color:var(--button-color)}._checkbox_18swc_10:has(._checkbox__input_18swc_25:not(:disabled)):hover ._checkbox__input_18swc_25:checked~._checkbox__box_18swc_44,._checkbox_18swc_10:has(._checkbox__input_18swc_25:not(:disabled)):hover._checkbox--indeterminate_18swc_65 ._checkbox__box_18swc_44{background-color:var(--button-bg);border-color:var(--button-bg)}._checkbox__input_18swc_25:focus-visible:checked~._checkbox__box_18swc_44,._checkbox--indeterminate_18swc_65 ._checkbox__input_18swc_25:focus-visible~._checkbox__box_18swc_44{border-color:var(--button-bg);box-shadow:0 0 0 2px rgba(var(--button-bg-rgb),.56)}._checkbox__input_18swc_25:disabled:checked~._checkbox__box_18swc_44,._checkbox--indeterminate_18swc_65 ._checkbox__input_18swc_25:disabled~._checkbox__box_18swc_44{background-color:rgba(var(--center-channel-color-rgb),.32);border-color:transparent}._checkbox__input_18swc_25:disabled:checked~._checkbox__box_18swc_44 ._checkbox__icon_18swc_69,._checkbox--indeterminate_18swc_65 ._checkbox__input_18swc_25:disabled~._checkbox__box_18swc_44 ._checkbox__icon_18swc_69{color:var(--button-color)}._checkbox--invalid_18swc_87 ._checkbox__box_18swc_44{border-color:rgba(var(--error-text-color-rgb),.5)}._checkbox--invalid_18swc_87 ._checkbox__input_18swc_25:checked~._checkbox__box_18swc_44,._checkbox--invalid_18swc_87._checkbox--indeterminate_18swc_65 ._checkbox__box_18swc_44{background-color:var(--error-text);border-color:var(--error-text)}._checkbox--invalid_18swc_87 ._checkbox__input_18swc_25:checked~._checkbox__box_18swc_44 ._checkbox__icon_18swc_69,._checkbox--invalid_18swc_87._checkbox--indeterminate_18swc_65 ._checkbox__box_18swc_44 ._checkbox__icon_18swc_69{color:var(--button-color)}._checkbox_18swc_10:has(._checkbox__input_18swc_25:not(:disabled)):hover._checkbox--invalid_18swc_87 ._checkbox__input_18swc_25:checked~._checkbox__box_18swc_44,._checkbox_18swc_10:has(._checkbox__input_18swc_25:not(:disabled)):hover._checkbox--invalid_18swc_87._checkbox--indeterminate_18swc_65 ._checkbox__box_18swc_44{background-color:var(--error-text);border-color:var(--error-text)}._checkbox--invalid_18swc_87 ._checkbox__input_18swc_25:focus-visible~._checkbox__box_18swc_44{box-shadow:0 0 0 2px var(--error-text)}._checkbox--invalid_18swc_87 ._checkbox__input_18swc_25:focus-visible:checked~._checkbox__box_18swc_44,._checkbox--invalid_18swc_87._checkbox--indeterminate_18swc_65 ._checkbox__input_18swc_25:focus-visible~._checkbox__box_18swc_44{border-color:rgba(var(--button-color-rgb),.24);box-shadow:0 0 0 2px var(--error-text)}._checkbox_18swc_10:has(._checkbox__input_18swc_25:not(:disabled)):hover._checkbox--invalid_18swc_87 ._checkbox__input_18swc_25:not(:checked)~._checkbox__box_18swc_44{border-color:var(--error-text)}._checkbox__icon_18swc_69{display:inline-flex;align-items:center;justify-content:center;color:var(--button-color);pointer-events:none;transform-origin:center;animation:_checkbox-icon-enter_18swc_1 var(--duration-quick) var(--ease-entrance) forwards}._checkbox__label_18swc_120{line-height:1}._checkbox--size-small_18swc_123 ._checkbox__input_18swc_25{width:var(--icon-size-12);height:var(--icon-size-12);margin-top:calc((var(--line-height-75) - var(--icon-size-12)) / 2)}._checkbox--size-small_18swc_123 ._checkbox__box_18swc_44{width:var(--icon-size-12);height:var(--icon-size-12);border-radius:var(--radius-xs);margin-top:calc((var(--line-height-75) - var(--icon-size-12)) / 2)}._checkbox--size-small_18swc_123 ._checkbox__label_18swc_120{font-size:var(--font-size-75);line-height:var(--line-height-75)}._checkbox--size-medium_18swc_138 ._checkbox__input_18swc_25{width:var(--icon-size-16);height:var(--icon-size-16);margin-top:calc((var(--line-height-100) - var(--icon-size-16)) / 2)}._checkbox--size-medium_18swc_138 ._checkbox__box_18swc_44{width:var(--icon-size-16);height:var(--icon-size-16);border-radius:var(--radius-xs);margin-top:calc((var(--line-height-100) - var(--icon-size-16)) / 2)}._checkbox--size-medium_18swc_138 ._checkbox__label_18swc_120{font-size:var(--font-size-100);line-height:var(--line-height-100)}._checkbox--size-large_18swc_153 ._checkbox__input_18swc_25{width:var(--icon-size-20);height:var(--icon-size-20);margin-top:calc((var(--line-height-200) - var(--icon-size-20)) / 2)}._checkbox--size-large_18swc_153 ._checkbox__box_18swc_44{width:var(--icon-size-20);height:var(--icon-size-20);border-radius:var(--radius-s);margin-top:calc((var(--line-height-200) - var(--icon-size-20)) / 2)}._checkbox--size-large_18swc_153 ._checkbox__label_18swc_120{font-size:var(--font-size-200);line-height:var(--line-height-200)}

package/dist/components/checkbox/Checkbox.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Checkbox.css');const c="_checkbox_1rll8_10",e="_checkbox__input_1rll8_22",_="_checkbox__box_1rll8_41",o="_checkbox__icon_1rll8_66",l="_checkbox__label_1rll8_117",b={checkbox:c,checkbox__input:e,checkbox__box:_,"checkbox--indeterminate":"_checkbox--indeterminate_1rll8_62",checkbox__icon:o,"checkbox--invalid":"_checkbox--invalid_1rll8_84","checkbox-icon-enter":"_checkbox-icon-enter_1rll8_1",checkbox__label:l,"checkbox--size-small":"_checkbox--size-small_1rll8_120","checkbox--size-medium":"_checkbox--size-medium_1rll8_135","checkbox--size-large":"_checkbox--size-large_1rll8_150"};exports.checkbox=c;exports.checkbox__box=_;exports.checkbox__icon=o;exports.checkbox__input=e;exports.checkbox__label=l;exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Checkbox.css');const c="_checkbox_18swc_10",e="_checkbox__input_18swc_25",_="_checkbox__box_18swc_44",o="_checkbox__icon_18swc_69",b="_checkbox__label_18swc_120",x={checkbox:c,checkbox__input:e,checkbox__box:_,"checkbox--indeterminate":"_checkbox--indeterminate_18swc_65",checkbox__icon:o,"checkbox--invalid":"_checkbox--invalid_18swc_87","checkbox-icon-enter":"_checkbox-icon-enter_18swc_1",checkbox__label:b,"checkbox--size-small":"_checkbox--size-small_18swc_123","checkbox--size-medium":"_checkbox--size-medium_18swc_138","checkbox--size-large":"_checkbox--size-large_18swc_153"};exports.checkbox=c;exports.checkbox__box=_;exports.checkbox__icon=o;exports.checkbox__input=e;exports.checkbox__label=b;exports.default=x;
 //# sourceMappingURL=Checkbox.module.scss.cjs.map

package/dist/components/checkbox/Checkbox.module.scss.js

@@ -1,22 +1,22 @@
-import './Checkbox.css';const c = "_checkbox_1rll8_10", _ = "_checkbox__input_1rll8_22", e = "_checkbox__box_1rll8_41", o = "_checkbox__icon_1rll8_66", l = "_checkbox__label_1rll8_117", b = {
+import './Checkbox.css';const c = "_checkbox_18swc_10", _ = "_checkbox__input_18swc_25", e = "_checkbox__box_18swc_44", o = "_checkbox__icon_18swc_69", b = "_checkbox__label_18swc_120", x = {
   checkbox: c,
   checkbox__input: _,
   checkbox__box: e,
-  "checkbox--indeterminate": "_checkbox--indeterminate_1rll8_62",
+  "checkbox--indeterminate": "_checkbox--indeterminate_18swc_65",
   checkbox__icon: o,
-  "checkbox--invalid": "_checkbox--invalid_1rll8_84",
-  "checkbox-icon-enter": "_checkbox-icon-enter_1rll8_1",
-  checkbox__label: l,
-  "checkbox--size-small": "_checkbox--size-small_1rll8_120",
-  "checkbox--size-medium": "_checkbox--size-medium_1rll8_135",
-  "checkbox--size-large": "_checkbox--size-large_1rll8_150"
+  "checkbox--invalid": "_checkbox--invalid_18swc_87",
+  "checkbox-icon-enter": "_checkbox-icon-enter_18swc_1",
+  checkbox__label: b,
+  "checkbox--size-small": "_checkbox--size-small_18swc_123",
+  "checkbox--size-medium": "_checkbox--size-medium_18swc_138",
+  "checkbox--size-large": "_checkbox--size-large_18swc_153"
 };
 export {
   c as checkbox,
   e as checkbox__box,
   o as checkbox__icon,
   _ as checkbox__input,
-  l as checkbox__label,
-  b as default
+  b as checkbox__label,
+  x as default
 };
 //# sourceMappingURL=Checkbox.module.scss.js.map

package/dist/components/chip/Chip.css

@@ -1 +1 @@
-._chip_1cah6_2{position:relative;display:inline-flex;align-items:center;border-radius:var(--radius-s);border:1px solid transparent;background-color:rgba(var(--center-channel-color-rgb),.08);font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);color:var(--center-channel-color);white-space:nowrap;overflow:visible;cursor:default;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),border-color var(--duration-quick) var(--ease-transition),outline-color var(--duration-quick) var(--ease-transition)}._chip_1cah6_2:hover{background-color:rgba(var(--center-channel-color-rgb),.16)}._chip_1cah6_2:focus-visible{outline-color:var(--focus-ring-color)}._chip_1cah6_2:focus-within:not(:focus-visible){border-color:var(--button-bg);background-color:rgba(var(--center-channel-color-rgb),.08)}._chip__label_1cah6_29{position:relative;overflow:hidden;text-overflow:ellipsis;min-width:0}._chip__icon-slot_1cah6_35,._chip__avatar-slot_1cah6_41{display:inline-flex;align-items:center;flex-shrink:0;position:relative}._chip__remove_1cah6_47{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:none;border:0;padding:0;border-radius:var(--radius-pill);cursor:pointer;color:rgba(var(--center-channel-color-rgb),.32);line-height:0}._chip__remove_1cah6_47:hover{color:rgba(var(--center-channel-color-rgb),.64)}._chip--colored_1cah6_63:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-color:#d95d1c29;pointer-events:none}._chip--error_1cah6_71{border-color:var(--error-text, var(--color-danger))}._chip--size-small_1cah6_74{gap:var(--spacing-xxxs);padding:var(--spacing-xxxs) var(--spacing-xs)}._chip--size-small_1cah6_74:has(._chip__remove_1cah6_47){padding-right:var(--spacing-xxs)}._chip--size-small_1cah6_74 ._chip__label_1cah6_29{font-size:var(--font-size-25);line-height:12px;letter-spacing:.2px}._chip--size-small_1cah6_74 ._chip__remove_1cah6_47{padding:1px}._chip--size-medium_1cah6_89{gap:var(--spacing-xxxs);padding:var(--spacing-xxxs) var(--spacing-xs)}._chip--size-medium_1cah6_89:has(._chip__remove_1cah6_47){padding-right:var(--spacing-xxs)}._chip--size-medium_1cah6_89 ._chip__label_1cah6_29{font-size:var(--font-size-75);line-height:var(--line-height-75)}._chip--size-medium_1cah6_89 ._chip__remove_1cah6_47{padding:2px}._chip--size-large_1cah6_103{gap:var(--spacing-xxs);padding:var(--spacing-xxs) var(--spacing-m)}._chip--size-large_1cah6_103:has(._chip__remove_1cah6_47){padding-right:var(--spacing-s)}._chip--size-large_1cah6_103 ._chip__label_1cah6_29{font-size:var(--font-size-100);line-height:var(--line-height-100)}._chip--size-large_1cah6_103 ._chip__remove_1cah6_47{padding:2px}._chip--compact_1cah6_117{padding:var(--spacing-xxxxs) var(--spacing-xxs)}._chip--compact_1cah6_117:has(._chip__remove_1cah6_47){padding-right:var(--spacing-xxxs)}._chip--size-large_1cah6_103._chip--compact_1cah6_117{padding:var(--spacing-xxxs) var(--spacing-xs)}._chip--size-large_1cah6_103._chip--compact_1cah6_117:has(._chip__remove_1cah6_47){padding-right:var(--spacing-xxs)}
+._chip_7f1qc_2{position:relative;display:inline-flex;align-items:center;border-radius:var(--radius-s);border:1px solid transparent;background-color:rgba(var(--center-channel-color-rgb),.08);font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);color:var(--center-channel-color);white-space:nowrap;overflow:visible;min-width:0;max-width:100%;cursor:default;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),border-color var(--duration-quick) var(--ease-transition),outline-color var(--duration-quick) var(--ease-transition)}._chip_7f1qc_2:hover{background-color:rgba(var(--center-channel-color-rgb),.16)}._chip_7f1qc_2:focus-visible{outline-color:var(--focus-ring-color)}._chip_7f1qc_2:focus-within:not(:focus-visible){border-color:var(--button-bg);background-color:rgba(var(--center-channel-color-rgb),.08)}._chip__label_7f1qc_31{position:relative;overflow:hidden;text-overflow:ellipsis;min-width:0}._chip__icon-slot_7f1qc_37,._chip__avatar-slot_7f1qc_43{display:inline-flex;align-items:center;flex-shrink:0;position:relative}._chip__remove_7f1qc_49{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:none;border:0;padding:0;border-radius:var(--radius-pill);cursor:pointer;color:rgba(var(--center-channel-color-rgb),.32);line-height:0}._chip__remove_7f1qc_49:hover{color:rgba(var(--center-channel-color-rgb),.64)}._chip--colored_7f1qc_65:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-color:#d95d1c29;pointer-events:none}._chip--error_7f1qc_73{border-color:var(--error-text, var(--color-danger))}._chip--size-small_7f1qc_76{gap:var(--spacing-xxxs);padding:var(--spacing-xxxs) var(--spacing-xs)}._chip--size-small_7f1qc_76:has(._chip__remove_7f1qc_49){padding-right:var(--spacing-xxs)}._chip--size-small_7f1qc_76 ._chip__label_7f1qc_31{font-size:var(--font-size-25);line-height:12px;letter-spacing:.2px}._chip--size-small_7f1qc_76 ._chip__remove_7f1qc_49{padding:1px}._chip--size-medium_7f1qc_91{gap:var(--spacing-xxxs);padding:var(--spacing-xxxs) var(--spacing-xs)}._chip--size-medium_7f1qc_91:has(._chip__remove_7f1qc_49){padding-right:var(--spacing-xxs)}._chip--size-medium_7f1qc_91 ._chip__label_7f1qc_31{font-size:var(--font-size-75);line-height:var(--line-height-75)}._chip--size-medium_7f1qc_91 ._chip__remove_7f1qc_49{padding:2px}._chip--size-large_7f1qc_105{gap:var(--spacing-xxs);padding:var(--spacing-xxs) var(--spacing-m)}._chip--size-large_7f1qc_105:has(._chip__remove_7f1qc_49){padding-right:var(--spacing-s)}._chip--size-large_7f1qc_105 ._chip__label_7f1qc_31{font-size:var(--font-size-100);line-height:var(--line-height-100)}._chip--size-large_7f1qc_105 ._chip__remove_7f1qc_49{padding:2px}._chip--compact_7f1qc_119{padding:var(--spacing-xxxxs) var(--spacing-xxs)}._chip--compact_7f1qc_119:has(._chip__remove_7f1qc_49){padding-right:var(--spacing-xxxs)}._chip--size-large_7f1qc_105._chip--compact_7f1qc_119{padding:var(--spacing-xxxs) var(--spacing-xs)}._chip--size-large_7f1qc_105._chip--compact_7f1qc_119:has(._chip__remove_7f1qc_49){padding-right:var(--spacing-xxs)}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Chip.css');const _="_chip_1cah6_2",c="_chip__label_1cah6_29",i="_chip__remove_1cah6_47",e={chip:_,chip__label:c,"chip__icon-slot":"_chip__icon-slot_1cah6_35","chip__avatar-slot":"_chip__avatar-slot_1cah6_41",chip__remove:i,"chip--colored":"_chip--colored_1cah6_63","chip--error":"_chip--error_1cah6_71","chip--size-small":"_chip--size-small_1cah6_74","chip--size-medium":"_chip--size-medium_1cah6_89","chip--size-large":"_chip--size-large_1cah6_103","chip--compact":"_chip--compact_1cah6_117"};exports.chip=_;exports.chip__label=c;exports.chip__remove=i;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Chip.css');const _="_chip_7f1qc_2",c="_chip__label_7f1qc_31",i="_chip__remove_7f1qc_49",e={chip:_,chip__label:c,"chip__icon-slot":"_chip__icon-slot_7f1qc_37","chip__avatar-slot":"_chip__avatar-slot_7f1qc_43",chip__remove:i,"chip--colored":"_chip--colored_7f1qc_65","chip--error":"_chip--error_7f1qc_73","chip--size-small":"_chip--size-small_7f1qc_76","chip--size-medium":"_chip--size-medium_7f1qc_91","chip--size-large":"_chip--size-large_7f1qc_105","chip--compact":"_chip--compact_7f1qc_119"};exports.chip=_;exports.chip__label=c;exports.chip__remove=i;exports.default=e;
 //# sourceMappingURL=Chip.module.scss.cjs.map

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

@@ -1,20 +1,20 @@
-import './Chip.css';const _ = "_chip_1cah6_2", c = "_chip__label_1cah6_29", h = "_chip__remove_1cah6_47", i = {
+import './Chip.css';const _ = "_chip_7f1qc_2", c = "_chip__label_7f1qc_31", i = "_chip__remove_7f1qc_49", p = {
   chip: _,
   chip__label: c,
-  "chip__icon-slot": "_chip__icon-slot_1cah6_35",
-  "chip__avatar-slot": "_chip__avatar-slot_1cah6_41",
-  chip__remove: h,
-  "chip--colored": "_chip--colored_1cah6_63",
-  "chip--error": "_chip--error_1cah6_71",
-  "chip--size-small": "_chip--size-small_1cah6_74",
-  "chip--size-medium": "_chip--size-medium_1cah6_89",
-  "chip--size-large": "_chip--size-large_1cah6_103",
-  "chip--compact": "_chip--compact_1cah6_117"
+  "chip__icon-slot": "_chip__icon-slot_7f1qc_37",
+  "chip__avatar-slot": "_chip__avatar-slot_7f1qc_43",
+  chip__remove: i,
+  "chip--colored": "_chip--colored_7f1qc_65",
+  "chip--error": "_chip--error_7f1qc_73",
+  "chip--size-small": "_chip--size-small_7f1qc_76",
+  "chip--size-medium": "_chip--size-medium_7f1qc_91",
+  "chip--size-large": "_chip--size-large_7f1qc_105",
+  "chip--compact": "_chip--compact_7f1qc_119"
 };
 export {
   _ as chip,
   c as chip__label,
-  h as chip__remove,
-  i as default
+  i as chip__remove,
+  p as default
 };
 //# sourceMappingURL=Chip.module.scss.js.map

package/dist/components/combobox/Combobox.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),l=require("react"),__cs=require("@mattermost/compass-icons/components/chevron-down.js"),cs=__cs?.default??__cs,__us=require("@mattermost/compass-icons/components/close-circle.js"),us=__us?.default??__us,__is=require("@mattermost/compass-icons/components/plus.js"),is=__is?.default??__is,ds=require("../chip/Chip.cjs"),fs=require("../chip/ChipGroup.cjs"),z=require("../icon/Icon.cjs"),ge=require("../menu-item/MenuItem.cjs"),ye=require("../popover-menu/PopoverMenu.cjs"),bs=require("../spinner/Spinner.cjs"),xs=require("../user-avatar/UserAvatar.cjs"),ms=require("../../hooks/use-anchored-popup-portal.cjs"),vs=require("../../hooks/use-outside-close.cjs"),hs=require("../../hooks/use-popover-transition.cjs"),_s=require("../../utils/props.cjs"),ks=require("../../utils/string.cjs"),o=require("./Combobox.module.scss.cjs"),Ce=280,js={small:"small",medium:"medium",large:"large"},gs={small:"12",medium:"16",large:"16"};function ys(a){return typeof a=="string"?`${a} selections`:"Selected"}function Cs(a){return`Create "${a}"`}function te(a){return a.kind==="option"&&a.option.disabled===!0}function Ms(a,x){return x?a.label.toLowerCase().includes(x.toLowerCase()):!0}function As(a){return a==null?null:Array.isArray(a)?a[0]??null:a===""?null:a}function Ds(a){return a==null?[]:Array.isArray(a)?a:a===""?[]:[a]}function Ns(a){if(a.leadingVisual!=null)return a.leadingVisual;if(a.leadingAvatar!=null)return r.jsx(xs.default,{src:a.leadingAvatar.src,alt:a.leadingAvatar.alt,size:"24"})}const Ss=l.forwardRef(function({options:x,multiple:t=!1,value:le,defaultValue:re,onChange:I,inputValue:U,defaultInputValue:Me="",onInputChange:d,label:A,placeholder:Ae,leadingIcon:K,size:G="medium",invalid:ne=!1,disabled:_=!1,filter:L=!0,emptyMessage:De="No results",loading:ae=!1,loadingMessage:Ne="Loading…",selectedOptions:C,creatable:N=!1,onCreateOption:P,formatCreateLabel:Se=Cs,clearable:qe=!1,clearLabel:we="Clear",clearButtonProps:k,selectionsLabel:pe,listboxLabel:Re="Options",className:Ve="",id:Ee,"aria-label":oe,portalContainer:Ie=null,zIndex:Le},S){const Fe=l.useId(),Q=Ee??Fe,q=`${Q}-listbox`,X=l.useRef(null),ce=l.useRef(null),M=l.useRef(null),Oe=l.useCallback(e=>{M.current=e,typeof S=="function"?S(e):S&&(S.current=e)},[S]),Z=le!==void 0,[He,Te]=l.useState(()=>re!==void 0?re:t?[]:null),W=Z?le:He,m=t?null:As(W),c=l.useMemo(()=>t?Ds(W):[],[t,W]),b=U!==void 0,[Y,w]=l.useState(Me),[i,ue]=l.useState(!1),[$e,ie]=l.useState(!1),[j,g]=l.useState(-1),[F,p]=l.useState(null),O=l.useCallback(e=>x.find(s=>s.value===e)??(C==null?void 0:C.find(s=>s.value===e))??(N?{value:e,label:e}:void 0),[x,C,N]),H=l.useMemo(()=>m==null?void 0:O(m),[O,m]),J=b?U:t?Y:F!==null?F:(H==null?void 0:H.label)??Y,B=b?U:t?Y:F!==null?F:"",R=l.useCallback(e=>{b||(w(e),t||p(e)),d==null||d(e)},[b,t,d]),v=l.useCallback(e=>{Z||Te(e),I==null||I(e)},[Z,I]),de=l.useMemo(()=>{if(L===!1)return x;const e=typeof L=="function"?L:Ms;return x.filter(s=>e(s,B))},[x,L,B]),V=N?B.trim():"",fe=l.useMemo(()=>{if(V==="")return!1;const e=V.toLowerCase(),s=f=>f.toLowerCase()===e;return[...x,...C??[]].some(f=>s(f.label)||s(f.value))?!1:!(t?c:m!=null?[m]:[]).some(s)},[V,x,C,t,c,m]),u=l.useMemo(()=>[...de.map(e=>({kind:"option",option:e})),...fe?[{kind:"create",inputValue:V}]:[]],[de,fe,V]),D=l.useCallback(e=>e.kind==="option"?`${q}-option-${e.option.value}`:`${q}-create`,[q]),{mounted:be,visible:ze}=hs.usePopoverTransition(i),{placement:Ue,maxHeight:Ke,style:Ge,portalRef:xe,renderPortal:Pe}=ms.useAnchoredPopupPortal(ce,be,{preferredHeight:Ce,maxHeightCap:Ce,portalContainer:Ie,zIndex:Le}),y=l.useCallback(()=>{ue(!1),g(-1),!t&&!b&&(p(null),w(""))},[t,b]),E=l.useCallback(()=>{_||ue(!0)},[_]);vs.useOutsideClose(X,i,y,xe),l.useEffect(()=>{i&&g(e=>{if(u.length===0)return-1;if(e>=0&&e<u.length)return e;const s=u.findIndex(n=>n.kind==="option"&&(t?c.includes(n.option.value):n.option.value===m));return s>=0?s:0})},[i,u,t,c,m]);const Qe=l.useCallback(e=>t?c.includes(e):m===e,[t,c,m]),ee=l.useCallback(e=>{var s;if(!e.disabled){if(t){const n=c.includes(e.value)?c.filter(h=>h!==e.value):[...c,e.value];v(n),R(""),y(),(s=M.current)==null||s.focus();return}v(e.value),b?d==null||d(e.label):(w(""),p(null)),y()}},[t,c,v,R,b,d,y]),se=l.useCallback(e=>{var s;if(P?P(e):v(t?[...c,e]:e),t){R(""),y(),(s=M.current)==null||s.focus();return}b?d==null||d(e):(w(""),p(null)),y()},[P,t,c,v,R,b,d,y]),Xe=l.useCallback(e=>{e.kind==="create"?se(e.inputValue):ee(e.option)},[se,ee]),Ze=l.useCallback(()=>{var e;v(null),b?d==null||d(""):(w(""),p(null)),(e=M.current)==null||e.focus()},[v,b,d]),me=l.useCallback(e=>{t&&v(c.filter(s=>s!==e))},[t,c,v]),ve=l.useCallback(e=>{const s=u.map((n,h)=>({row:n,i:h})).filter(({row:n})=>!te(n));if(s.length===0){g(-1);return}g(n=>{const h=s.findIndex(({i:$})=>$===n),f=h<0?e>0?0:s.length-1:(h+e+s.length)%s.length;return s[f].i})},[u]);l.useEffect(()=>{var s,n;if(!i||j<0)return;const e=u[j];e&&((n=(s=document.getElementById(D(e)))==null?void 0:s.scrollIntoView)==null||n.call(s,{block:"nearest"}))},[i,j,u,D]);const We=e=>{const s=e.target.value;R(s),i||E(),g(0)},Ye=()=>{ie(!0),E(),!t&&!b&&H&&requestAnimationFrame(()=>{var e;(e=M.current)==null||e.select()})},he=e=>{var n;const s=e.relatedTarget;s&&((n=X.current)!=null&&n.contains(s))||ie(!1)},Je=e=>{if(!_)switch(e.key){case"ArrowDown":e.preventDefault(),i?ve(1):E();break;case"ArrowUp":e.preventDefault(),i?ve(-1):E();break;case"Home":i&&u.length>0&&(e.preventDefault(),g(Math.max(0,u.findIndex(s=>!te(s)))));break;case"End":if(i&&u.length>0){e.preventDefault();for(let s=u.length-1;s>=0;s--)if(!te(u[s])){g(s);break}}break;case"Enter":i&&j>=0&&u[j]&&(e.preventDefault(),Xe(u[j]));break;case"Escape":i&&(e.preventDefault(),y());break;case"Backspace":t&&J===""&&c.length>0&&(e.preventDefault(),me(c[c.length-1]));break;case"Tab":y();break}},Be=e=>{var s;_||e.target.closest("[data-chip], [data-combobox-clear]")||(e.target!==M.current&&(e.preventDefault(),(s=M.current)==null||s.focus()),i||E())},_e=t?c.length>0:m!=null&&m!=="",es=J.length>0,ss=qe&&!t&&_e&&!_,ts=$e||i||_e||es,ke=j>=0?u[j]:void 0,ls=ke!=null?D(ke):void 0,T=l.useMemo(()=>{if(!t)return[];if(C==null){const e=x.filter(n=>c.includes(n.value));if(!N)return e;const s=new Set(e.map(n=>n.value));return[...e,...c.filter(n=>!s.has(n)).map(n=>({value:n,label:n}))]}return c.map(O).filter(e=>e!=null)},[t,C,x,c,N,O]),rs=o.default[`combobox--size-${ks.toKebab(G)}`],ns=t&&T.length>0,as=[o.default.combobox,rs,ne?o.default["combobox--invalid"]:"",A!=null&&ts?o.default["combobox--label-floated"]:"",K!=null?o.default["combobox--has-leading-icon"]:"",ns?o.default["combobox--has-chips"]:"",i?o.default["combobox--open"]:"",_?o.default["combobox--disabled"]:"",Ve].filter(Boolean).join(" ");return r.jsxs("div",{className:as,ref:X,children:[r.jsxs("div",{className:o.default.combobox__wrapper,ref:ce,children:[A!=null&&r.jsx("label",{className:o.default.combobox__label,htmlFor:Q,children:A}),r.jsxs("div",{className:o.default.combobox__inner,onMouseDown:Be,children:[K!=null&&r.jsx("span",{className:o.default["combobox__leading-icon"],"aria-hidden":!0,children:r.jsx(z.IconSlotContext.Provider,{value:{size:"16"},children:K})}),r.jsxs("div",{className:o.default.combobox__value,children:[t&&T.length>0&&r.jsx(fs.default,{"aria-label":pe??ys(A),disabled:_,children:T.map(e=>r.jsx(ds.default,{size:js[G],leadingAvatar:e.leadingAvatar,leadingIcon:e.leadingAvatar==null?e.leadingVisual:void 0,onRemove:_?void 0:s=>{s.stopPropagation(),me(e.value)},children:e.label},e.value))}),r.jsx("input",{ref:Oe,id:Q,className:o.default.combobox__control,type:"text",role:"combobox",autoComplete:"off",spellCheck:!1,disabled:_,placeholder:t&&T.length>0?void 0:Ae,value:J,"aria-label":oe,"aria-invalid":ne?!0:void 0,"aria-expanded":i,"aria-controls":q,"aria-autocomplete":"list","aria-activedescendant":ls,"aria-busy":ae||void 0,onChange:We,onFocus:Ye,onBlur:he,onKeyDown:Je})]}),ss&&r.jsx("button",{...k,type:"button",className:_s.mergeClassNames(o.default.combobox__clear,k==null?void 0:k.className),"aria-label":we,"data-combobox-clear":"",onClick:Ze,onBlur:e=>{var s;(s=k==null?void 0:k.onBlur)==null||s.call(k,e),he(e)},children:r.jsx(z.default,{size:gs[G],glyph:r.jsx(us,{})})}),r.jsx("span",{className:o.default["combobox__trailing-icon"],"aria-hidden":!0,children:r.jsx(z.default,{size:"12",glyph:r.jsx(cs,{})})})]})]}),be&&Pe(r.jsx("div",{ref:xe,className:[o.default.combobox__popup,Ue==="above"?o.default["combobox__popup--above"]:"",ze?o.default["combobox__popup--visible"]:""].filter(Boolean).join(" "),style:Ge,children:r.jsx(ye.default,{className:o.default.combobox__menu,children:r.jsxs(ye.PopoverMenuScroll,{maxHeight:Ke,children:[u.length>0&&r.jsx("ul",{id:q,className:o.default.combobox__list,role:"listbox","aria-multiselectable":t||void 0,"aria-label":typeof A=="string"?A:oe??Re,children:u.map((e,s)=>{const n=s===j,h=os=>{os.preventDefault()};if(e.kind==="create")return r.jsx("li",{className:o.default.combobox__option,role:"presentation",children:r.jsx(ge.default,{id:D(e),role:"option",label:Se(e.inputValue),leadingVisual:r.jsx(z.default,{glyph:r.jsx(is,{})}),active:n,"aria-selected":!1,onMouseDown:h,onMouseEnter:()=>g(s),onClick:()=>se(e.inputValue)})},D(e));const{option:f}=e,$=Qe(f.value),je=Ns(f);return r.jsx("li",{className:o.default.combobox__option,role:"presentation",children:r.jsx(ge.default,{id:D(e),role:"option",label:f.label,secondaryLabel:f.secondaryLabel,leadingElement:je!=null,leadingVisual:je,trailingElement:$,active:n,disabled:f.disabled,"aria-selected":$,onMouseDown:h,onMouseEnter:()=>g(s),onClick:()=>ee(f)})},f.value)})}),ae?r.jsxs("div",{className:o.default.combobox__loading,role:"status",children:[r.jsx(bs.default,{size:"16","aria-hidden":!0}),r.jsx("span",{children:Ne})]}):u.length===0&&r.jsx("p",{className:o.default.combobox__empty,children:De})]})})}))]})});exports.default=Ss;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),s=require("react"),__ft=require("@mattermost/compass-icons/components/chevron-down.js"),ft=__ft?.default??__ft,__dt=require("@mattermost/compass-icons/components/close-circle.js"),dt=__dt?.default??__dt,__bt=require("@mattermost/compass-icons/components/plus.js"),bt=__bt?.default??__bt,mt=require("../chip/Chip.cjs"),vt=require("../chip/ChipGroup.cjs"),z=require("../icon/Icon.cjs"),Ce=require("../menu-item/MenuItem.cjs"),Me=require("../popover-menu/PopoverMenu.cjs"),xt=require("../spinner/Spinner.cjs"),ht=require("../user-avatar/UserAvatar.cjs"),_t=require("../../hooks/use-anchored-popup-portal.cjs"),kt=require("../../hooks/use-outside-close.cjs"),gt=require("../../hooks/use-popover-transition.cjs"),jt=require("../../utils/menuItemProps.cjs"),yt=require("../../utils/props.cjs"),Ct=require("../../utils/string.cjs"),o=require("./Combobox.module.scss.cjs"),pe=280,Mt={small:"small",medium:"medium",large:"large"},pt={small:"12",medium:"16",large:"16"};function qt(a){return typeof a=="string"?`${a} selections`:"Selected"}function wt(a){return`Create "${a}"`}function re(a){return a.kind==="option"&&a.option.disabled===!0}function At(a,m){return m?a.label.toLowerCase().includes(m.toLowerCase()):!0}function Dt(a){return a==null?null:Array.isArray(a)?a[0]??null:a===""?null:a}function Nt(a){return a==null?[]:Array.isArray(a)?a:a===""?[]:[a]}function St(a){if(a.leadingVisual!=null)return a.leadingVisual;if(a.leadingAvatar!=null)return l.jsx(ht.default,{src:a.leadingAvatar.src,alt:a.leadingAvatar.alt,size:"24"})}const Rt=s.forwardRef(function({options:m,menuItemProps:qe,multiple:r=!1,value:le,defaultValue:ne,onChange:I,inputValue:U,defaultInputValue:we="",onInputChange:f,label:p,placeholder:Ae,leadingIcon:K,size:G="medium",invalid:ae=!1,disabled:k=!1,filter:L=!0,emptyMessage:De="No results",loading:oe=!1,loadingMessage:Ne="Loading…",selectedOptions:y,creatable:w=!1,onCreateOption:Q,formatCreateLabel:Se=wt,clearable:Re=!1,clearLabel:Ve="Clear",clearButtonProps:g,selectionsLabel:Ee,listboxLabel:Ie="Options",className:Le="",id:Fe,"aria-label":ce,portalContainer:Oe=null,zIndex:He},A){const Pe=s.useId(),X=Fe??Pe,D=`${X}-listbox`,Z=s.useRef(null),ue=s.useRef(null),M=s.useRef(null),Te=s.useCallback(e=>{M.current=e,typeof A=="function"?A(e):A&&(A.current=e)},[A]),W=le!==void 0,[$e,ze]=s.useState(()=>ne!==void 0?ne:r?[]:null),Y=W?le:$e,v=r?null:Dt(Y),c=s.useMemo(()=>r?Nt(Y):[],[r,Y]),b=U!==void 0,[B,N]=s.useState(we),[i,ie]=s.useState(!1),[Ue,fe]=s.useState(!1),[x,C]=s.useState(-1),F=s.useRef(!1),de=s.useCallback(e=>{e!==x&&(F.current=!0,C(e))},[x]),[O,S]=s.useState(null),H=s.useCallback(e=>m.find(t=>t.value===e)??(y==null?void 0:y.find(t=>t.value===e))??(w?{value:e,label:e}:void 0),[m,y,w]),P=s.useMemo(()=>v==null?void 0:H(v),[H,v]),J=b?U:r?B:O!==null?O:(P==null?void 0:P.label)??B,ee=b?U:r?B:O!==null?O:"",R=s.useCallback(e=>{b||(N(e),r||S(e)),f==null||f(e)},[b,r,f]),h=s.useCallback(e=>{W||ze(e),I==null||I(e)},[W,I]),be=s.useMemo(()=>{if(L===!1)return m;const e=typeof L=="function"?L:At;return m.filter(t=>e(t,ee))},[m,L,ee]),V=w?ee.trim():"",me=s.useMemo(()=>{if(V==="")return!1;const e=V.toLowerCase(),t=d=>d.toLowerCase()===e;return[...m,...y??[]].some(d=>t(d.label)||t(d.value))?!1:!(r?c:v!=null?[v]:[]).some(t)},[V,m,y,r,c,v]),u=s.useMemo(()=>[...be.map(e=>({kind:"option",option:e})),...me?[{kind:"create",inputValue:V}]:[]],[be,me,V]),q=s.useCallback(e=>e.kind==="option"?`${D}-option-${e.option.value}`:`${D}-create`,[D]),{mounted:ve,visible:Ke}=gt.usePopoverTransition(i),{placement:Ge,maxHeight:Qe,style:Xe,portalRef:xe,renderPortal:Ze}=_t.useAnchoredPopupPortal(ue,ve,{preferredHeight:pe,maxHeightCap:pe,portalContainer:Oe,zIndex:He}),j=s.useCallback(()=>{ie(!1),C(-1),!r&&!b&&(S(null),N(""))},[r,b]),E=s.useCallback(()=>{k||ie(!0)},[k]);kt.useOutsideClose(Z,i,j,xe),s.useEffect(()=>{i&&C(e=>{if(u.length===0)return-1;if(e>=0&&e<u.length)return e;const t=u.findIndex(n=>n.kind==="option"&&(r?c.includes(n.option.value):n.option.value===v));return t>=0?t:0})},[i,u,r,c,v]);const We=s.useCallback(e=>r?c.includes(e):v===e,[r,c,v]),te=s.useCallback(e=>{var t;if(!e.disabled){if(r){const n=c.includes(e.value)?c.filter(_=>_!==e.value):[...c,e.value];h(n),R(""),j(),(t=M.current)==null||t.focus();return}h(e.value),b?f==null||f(e.label):(N(""),S(null)),j()}},[r,c,h,R,b,f,j]),se=s.useCallback(e=>{var t;if(Q?Q(e):h(r?[...c,e]:e),r){R(""),j(),(t=M.current)==null||t.focus();return}b?f==null||f(e):(N(""),S(null)),j()},[Q,r,c,h,R,b,f,j]),Ye=s.useCallback(e=>{e.kind==="create"?se(e.inputValue):te(e.option)},[se,te]),Be=s.useCallback(()=>{var e;h(null),b?f==null||f(""):(N(""),S(null)),(e=M.current)==null||e.focus()},[h,b,f]),he=s.useCallback(e=>{r&&h(c.filter(t=>t!==e))},[r,c,h]),_e=s.useCallback(e=>{F.current=!1;const t=u.map((n,_)=>({row:n,i:_})).filter(({row:n})=>!re(n));if(t.length===0){C(-1);return}C(n=>{const _=t.findIndex(({i:$})=>$===n),d=_<0?e>0?0:t.length-1:(_+e+t.length)%t.length;return t[d].i})},[u]);s.useEffect(()=>{var t,n;if(!i||x<0)return;if(F.current){F.current=!1;return}const e=u[x];e&&((n=(t=document.getElementById(q(e)))==null?void 0:t.scrollIntoView)==null||n.call(t,{block:"nearest"}))},[i,x,u,q]);const Je=e=>{const t=e.target.value;R(t),i||E(),C(0)},et=()=>{fe(!0),E(),!r&&!b&&P&&requestAnimationFrame(()=>{var e;(e=M.current)==null||e.select()})},ke=e=>{var n;const t=e.relatedTarget;t&&((n=Z.current)!=null&&n.contains(t))||fe(!1)},tt=e=>{if(!k)switch(e.key){case"ArrowDown":e.preventDefault(),i?_e(1):E();break;case"ArrowUp":e.preventDefault(),i?_e(-1):E();break;case"Home":i&&u.length>0&&(e.preventDefault(),C(Math.max(0,u.findIndex(t=>!re(t)))));break;case"End":if(i&&u.length>0){e.preventDefault();for(let t=u.length-1;t>=0;t--)if(!re(u[t])){C(t);break}}break;case"Enter":i&&x>=0&&u[x]&&(e.preventDefault(),Ye(u[x]));break;case"Escape":i&&(e.preventDefault(),j());break;case"Backspace":r&&J===""&&c.length>0&&(e.preventDefault(),he(c[c.length-1]));break;case"Tab":j();break}},st=e=>{var t;k||e.target.closest("[data-chip], [data-combobox-clear]")||(e.target!==M.current&&(e.preventDefault(),(t=M.current)==null||t.focus()),i||E())},ge=r?c.length>0:v!=null&&v!=="",rt=J.length>0,lt=Re&&!r&&ge&&!k,nt=Ue||i||ge||rt,je=x>=0?u[x]:void 0,at=je!=null?q(je):void 0,T=s.useMemo(()=>{if(!r)return[];if(y==null){const e=m.filter(n=>c.includes(n.value));if(!w)return e;const t=new Set(e.map(n=>n.value));return[...e,...c.filter(n=>!t.has(n)).map(n=>({value:n,label:n}))]}return c.map(H).filter(e=>e!=null)},[r,y,m,c,w,H]),ot=o.default[`combobox--size-${Ct.toKebab(G)}`],ct=r&&T.length>0,ut=[o.default.combobox,ot,ae?o.default["combobox--invalid"]:"",p!=null&&nt?o.default["combobox--label-floated"]:"",K!=null?o.default["combobox--has-leading-icon"]:"",ct?o.default["combobox--has-chips"]:"",i?o.default["combobox--open"]:"",k?o.default["combobox--disabled"]:"",Le].filter(Boolean).join(" ");return l.jsxs("div",{className:ut,ref:Z,children:[l.jsxs("div",{className:o.default.combobox__wrapper,ref:ue,children:[p!=null&&l.jsx("label",{className:o.default.combobox__label,htmlFor:X,children:p}),l.jsxs("div",{className:o.default.combobox__inner,onMouseDown:st,children:[K!=null&&l.jsx("span",{className:o.default["combobox__leading-icon"],"aria-hidden":!0,children:l.jsx(z.IconSlotContext.Provider,{value:{size:"16"},children:K})}),l.jsxs("div",{className:o.default.combobox__value,children:[r&&T.length>0&&l.jsx(vt.default,{"aria-label":Ee??qt(p),disabled:k,children:T.map(e=>l.jsx(mt.default,{size:Mt[G],leadingAvatar:e.leadingAvatar,leadingIcon:e.leadingAvatar==null?e.leadingVisual:void 0,onRemove:k?void 0:t=>{t.stopPropagation(),he(e.value)},children:e.label},e.value))}),l.jsx("input",{ref:Te,id:X,className:o.default.combobox__control,type:"text",role:"combobox",autoComplete:"off",spellCheck:!1,disabled:k,placeholder:r&&T.length>0?void 0:Ae,value:J,"aria-label":ce,"aria-invalid":ae?!0:void 0,"aria-expanded":i,"aria-controls":D,"aria-autocomplete":"list","aria-activedescendant":at,"aria-busy":oe||void 0,onChange:Je,onFocus:et,onBlur:ke,onKeyDown:tt})]}),lt&&l.jsx("button",{...g,type:"button",className:yt.mergeClassNames(o.default.combobox__clear,g==null?void 0:g.className),"aria-label":Ve,"data-combobox-clear":"",onClick:Be,onBlur:e=>{var t;(t=g==null?void 0:g.onBlur)==null||t.call(g,e),ke(e)},children:l.jsx(z.default,{size:pt[G],glyph:l.jsx(dt,{})})}),l.jsx("span",{className:o.default["combobox__trailing-icon"],"aria-hidden":!0,children:l.jsx(z.default,{size:"12",glyph:l.jsx(ft,{})})})]})]}),ve&&Ze(l.jsx("div",{ref:xe,className:[o.default.combobox__popup,Ge==="above"?o.default["combobox__popup--above"]:"",Ke?o.default["combobox__popup--visible"]:""].filter(Boolean).join(" "),style:Xe,children:l.jsx(Me.default,{className:o.default.combobox__menu,children:l.jsxs(Me.PopoverMenuScroll,{maxHeight:Qe,children:[u.length>0&&l.jsx("ul",{id:D,className:o.default.combobox__list,role:"listbox","aria-multiselectable":r||void 0,"aria-label":typeof p=="string"?p:ce??Ie,children:u.map((e,t)=>{const n=t===x,_=it=>{it.preventDefault()};if(e.kind==="create")return l.jsx("li",{className:o.default.combobox__option,role:"presentation",children:l.jsx(Ce.default,{id:q(e),role:"option",label:Se(e.inputValue),leadingVisual:l.jsx(z.default,{glyph:l.jsx(bt,{})}),active:n,"aria-selected":!1,onMouseDown:_,onMouseEnter:()=>de(t),onClick:()=>se(e.inputValue)})},q(e));const{option:d}=e,$=We(d.value),ye=St(d);return l.jsx("li",{className:o.default.combobox__option,role:"presentation",children:l.jsx(Ce.default,{...jt.mergeMenuItemProps(qe,d.menuItemProps),id:q(e),role:"option",label:d.label,secondaryLabel:d.secondaryLabel,leadingElement:ye!=null,leadingVisual:ye,trailingElement:$,active:n,disabled:d.disabled,"aria-selected":$,onMouseDown:_,onMouseEnter:()=>de(t),onClick:()=>te(d)})},d.value)})}),oe?l.jsxs("div",{className:o.default.combobox__loading,role:"status",children:[l.jsx(xt.default,{size:"16","aria-hidden":!0}),l.jsx("span",{children:Ne})]}):u.length===0&&l.jsx("p",{className:o.default.combobox__empty,children:De})]})})}))]})});exports.default=Rt;
 //# sourceMappingURL=Combobox.cjs.map