@mattermost/compass-ui 0.1.0-alpha.3 → 0.1.0-alpha.30

package/dist/components/channels-sidebar/ChannelsSidebar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChannelsSidebar.js","sources":["../../../src/components/channels-sidebar/ChannelsSidebar.tsx"],"sourcesContent":["import { useMemo, type ReactNode } from 'react';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport PlusIcon from '@mattermost/compass-icons/components/plus';\nimport MagnifyIcon from '@mattermost/compass-icons/components/magnify';\nimport FilterVariantIcon from '@mattermost/compass-icons/components/filter-variant';\nimport ChannelSidebarItem from '@/components/channel-sidebar-item/ChannelSidebarItem';\nimport MoreUnreadsBanner from '@/components/more-unreads-banner/MoreUnreadsBanner';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Icon from '@/components/icon/Icon';\nimport Scrollbar from '@/components/scrollbar/Scrollbar';\nimport {\n  applyChannelNameOverrides,\n  type ChannelsSidebarItemModel,\n  type ChannelsSidebarModel,\n} from './channelsSidebarModel';\nimport styles from './ChannelsSidebar.module.scss';\n\nfunction applyChannelSidebarInteractivity(\n  model: ChannelsSidebarModel,\n  activeChannelName: string | undefined,\n  onItemClick?: (name: string) => void,\n): ChannelsSidebarModel {\n  const mapRow = (row: ChannelsSidebarItemModel) => ({\n    ...row,\n    active:\n      activeChannelName === undefined\n        ? row.active\n        : row.name === activeChannelName,\n    onClick: onItemClick ? () => onItemClick(row.name) : row.onClick,\n  });\n  return {\n    topGroupItems: model.topGroupItems.map(mapRow),\n    groups: model.groups.map((g) => ({\n      ...g,\n      items: g.items.map(mapRow),\n    })),\n  };\n}\n\nexport interface ChannelsSidebarHeaderProps {\n  teamName: string;\n}\n\n/** Team row + Add control; same markup as the top of `ChannelsSidebar`. */\nexport function ChannelsSidebarHeader({ teamName }: ChannelsSidebarHeaderProps) {\n  return (\n    <div className={styles['channels-sidebar__header']}>\n      <div className={styles['channels-sidebar__team-dropdown']}>\n        <span className={styles['channels-sidebar__team-name']}>\n          {teamName}\n        </span>\n        <span className={styles['channels-sidebar__team-chevron']}>\n          <ChevronDownIcon size={16} />\n        </span>\n      </div>\n      <IconButton\n        aria-label=\"Add channels\"\n        size=\"small\"\n        style=\"inverted\"\n        padding=\"compact\"\n        rounded\n        icon={<Icon size=\"16\" glyph={<PlusIcon />} />}\n        className={styles['channels-sidebar__sidebar-icon-button']}\n      />\n    </div>\n  );\n}\n\nexport interface ChannelsSidebarNavigatorProps {\n  showFilter?: boolean;\n}\n\n/** Find channels row + optional unread filter control; same markup as `ChannelsSidebar`. */\nexport function ChannelsSidebarNavigator({\n  showFilter = false,\n}: ChannelsSidebarNavigatorProps) {\n  return (\n    <div className={styles['channels-sidebar__navigator']}>\n      {showFilter && (\n        <IconButton\n          aria-label=\"Filter channels\"\n          size=\"small\"\n          style=\"inverted\"\n          padding=\"compact\"\n          icon={<Icon size=\"16\" glyph={<FilterVariantIcon />} />}\n          className={styles['channels-sidebar__sidebar-icon-button']}\n        />\n      )}\n      <div className={styles['channels-sidebar__find-channels']}>\n        <span className={styles['channels-sidebar__find-channels-icon']}>\n          <MagnifyIcon size={16} />\n        </span>\n        <span className={styles['channels-sidebar__find-channels-label']}>\n          Find channels\n        </span>\n      </div>\n    </div>\n  );\n}\n\nexport interface ChannelsSidebarCategoryProps {\n  label: string;\n  showChevron?: boolean;\n  showPlusButton?: boolean;\n  /** When set, shown instead of the expand chevron (e.g. System Console categories). */\n  leadingIcon?: ReactNode;\n  /** Pin category row to the top of the scroll container while scrolling (e.g. first console section). */\n  sticky?: boolean;\n  /** Full-opacity label + leading icon (System Console categories). Default: toned like channel sidebar. */\n  opaqueCategory?: boolean;\n}\n\nexport function ChannelsSidebarCategory({\n  label,\n  showChevron = true,\n  showPlusButton = false,\n  leadingIcon,\n  sticky = false,\n  opaqueCategory = false,\n}: ChannelsSidebarCategoryProps) {\n  const hasLeadingIcon = Boolean(leadingIcon);\n  const showChevronRow = showChevron && !hasLeadingIcon;\n\n  const categoryClass = [\n    styles['channels-sidebar__category'],\n    hasLeadingIcon ? styles['channels-sidebar__category--with-leading-icon'] : '',\n    opaqueCategory ? styles['channels-sidebar__category--opaque'] : '',\n    !showChevronRow && !hasLeadingIcon\n      ? styles['channels-sidebar__category--no-chevron']\n      : '',\n    showPlusButton ? styles['channels-sidebar__category--has-action'] : '',\n    sticky ? styles['channels-sidebar__category--sticky'] : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={categoryClass}>\n      <div className={styles['channels-sidebar__category-left']}>\n        {hasLeadingIcon && (\n          <span className={styles['channels-sidebar__category-leading-icon']}>\n            {leadingIcon}\n          </span>\n        )}\n        {showChevronRow && (\n          <span className={styles['channels-sidebar__category-chevron']}>\n            <ChevronDownIcon size={12} />\n          </span>\n        )}\n        <span className={styles['channels-sidebar__category-label']}>\n          {label}\n        </span>\n      </div>\n      {showPlusButton && (\n        <IconButton\n          aria-label={`New ${label.toLowerCase()}`}\n          size=\"x-small\"\n          style=\"inverted\"\n          icon={<Icon size=\"12\" glyph={<PlusIcon />} />}\n        />\n      )}\n    </div>\n  );\n}\n\nexport interface ChannelsSidebarProps {\n  teamName?: string;\n  showUnreadsCategory?: boolean;\n  showFilter?: boolean;\n  showDialPad?: boolean;\n  moreUnreadsAbove?: boolean;\n  moreUnreadsBelow?: boolean;\n  /**\n   * Rename built-in channel/DM items without editing the model.\n   * Keys are the default names; values are the display names to use instead.\n   * Applies to `name` and `avatarAlt` on each item (same as the legacy hardcoded list).\n   */\n  channelNameOverrides?: Record<string, string>;\n  /**\n   * Match against **resolved** item names (after `channelNameOverrides`).\n   * Omit to keep each row’s fixture `active` value; pass `''` to clear selection.\n   */\n  activeChannelName?: string;\n  /** Receives the row's visible `name` (after overrides). */\n  onItemClick?: (name: string) => void;\n  avatarAikoTan?: string;\n  avatarArjunPatel?: string;\n  avatarDanielleOkoro?: string;\n  avatarDariusCole?: string;\n  avatarDavidLiang?: string;\n  avatarEmmaNovak?: string;\n  avatarEthanBrooks?: string;\n  /** When set, overrides the default channel tree (for per-prototype sidebars). */\n  model?: ChannelsSidebarModel;\n}\n\nexport default function ChannelsSidebar({\n  teamName = 'Contributors',\n  showFilter = false,\n  moreUnreadsAbove = false,\n  moreUnreadsBelow = false,\n  channelNameOverrides,\n  activeChannelName,\n  onItemClick,\n  model: modelProp,\n}: ChannelsSidebarProps) {\n  const model = useMemo(() => {\n    const baseModel = modelProp ?? { topGroupItems: [], groups: [] };\n    const withOverrides = applyChannelNameOverrides(baseModel, channelNameOverrides);\n    return applyChannelSidebarInteractivity(\n      withOverrides,\n      activeChannelName,\n      onItemClick,\n    );\n  }, [\n    modelProp,\n    channelNameOverrides,\n    activeChannelName,\n    onItemClick,\n  ]);\n\n  return (\n    <div className={styles['channels-sidebar']}>\n      <ChannelsSidebarHeader teamName={teamName} />\n      <ChannelsSidebarNavigator showFilter={showFilter} />\n\n      <div className={styles['channels-sidebar__top-group']}>\n        {model.topGroupItems.map((row, i) => (\n          <ChannelSidebarItem key={`top-${i}-${row.name}`} {...row} />\n        ))}\n      </div>\n\n      <div className={styles['channels-sidebar__scroll-view']}>\n        <Scrollbar color=\"--sidebar-text-rgb\">\n          <div className={styles['channels-sidebar__channel-groups']}>\n            {model.groups.map((group) => (\n              <div\n                key={group.key}\n                className={styles['channels-sidebar__channel-group']}\n              >\n                <ChannelsSidebarCategory\n                  label={group.category.label}\n                  showChevron={group.category.showChevron}\n                  showPlusButton={group.category.showPlusButton}\n                />\n                {group.items.map((row, index) => (\n                  <ChannelSidebarItem\n                    key={`${group.key}-${index}-${row.name}`}\n                    {...row}\n                  />\n                ))}\n              </div>\n            ))}\n          </div>\n        </Scrollbar>\n\n        {moreUnreadsAbove && (\n          <MoreUnreadsBanner\n            direction=\"up\"\n            className={`${styles['channels-sidebar__more-unreads']} ${styles['channels-sidebar__more-unreads--above']}`}\n          />\n        )}\n        {moreUnreadsBelow && (\n          <MoreUnreadsBanner\n            direction=\"down\"\n            className={`${styles['channels-sidebar__more-unreads']} ${styles['channels-sidebar__more-unreads--below']}`}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport type { ChannelsSidebarModel } from './channelsSidebarModel';\n"],"names":["applyChannelSidebarInteractivity","model","activeChannelName","onItemClick","mapRow","row","g","ChannelsSidebarHeader","teamName","jsxs","styles","jsx","ChevronDownIcon","IconButton","Icon","PlusIcon","ChannelsSidebarNavigator","showFilter","FilterVariantIcon","MagnifyIcon","ChannelsSidebarCategory","label","showChevron","showPlusButton","leadingIcon","sticky","opaqueCategory","hasLeadingIcon","showChevronRow","categoryClass","ChannelsSidebar","moreUnreadsAbove","moreUnreadsBelow","channelNameOverrides","modelProp","useMemo","withOverrides","applyChannelNameOverrides","i","ChannelSidebarItem","Scrollbar","group","index","MoreUnreadsBanner"],"mappings":"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"}

package/dist/components/channels-sidebar/ChannelsSidebar.module.css

@@ -1 +0,0 @@
-._channels-sidebar_5crxb_2{position:relative;display:flex;flex-direction:column;width:264px;height:768px;background:var(--sidebar-bg);overflow:hidden}._channels-sidebar--header-preview_5crxb_12,._channels-sidebar--navigator-preview_5crxb_19{height:auto;min-height:0}._channels-sidebar__sidebar-icon-button_5crxb_23{background:rgba(var(--sidebar-text-rgb),.08)!important}._channels-sidebar__sidebar-icon-button_5crxb_23:hover{background:rgba(var(--sidebar-text-rgb),.12)!important}._channels-sidebar__header_5crxb_29{display:flex;align-items:center;justify-content:space-between;padding:14px var(--spacing-l);flex-shrink:0}._channels-sidebar__team-dropdown_5crxb_36{display:flex;align-items:center;gap:0;padding:2px var(--spacing-xxxxs) 2px var(--spacing-xs);border-radius:var(--radius-s);cursor:pointer;max-width:174px}._channels-sidebar__team-dropdown_5crxb_36:hover{background:var(--sidebar-text-hover-bg)}._channels-sidebar__team-name_5crxb_48{font-family:var(--font-family-heading);font-size:var(--font-size-200);font-weight:var(--font-weight-semibold);line-height:var(--line-height-200);color:var(--sidebar-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._channels-sidebar__team-chevron_5crxb_58{display:flex;align-items:center;flex-shrink:0;color:var(--sidebar-text)}._channels-sidebar__navigator_5crxb_64{display:flex;align-items:center;gap:var(--spacing-xxxs);padding:0 var(--spacing-l) var(--spacing-l);flex-shrink:0}._channels-sidebar__find-channels_5crxb_71{display:flex;align-items:center;flex:1;gap:var(--spacing-xs);min-width:0;padding:var(--spacing-xxs) var(--spacing-xs);border-radius:var(--radius-s);background:rgba(var(--sidebar-text-rgb),.08);cursor:text}._channels-sidebar__find-channels-icon_5crxb_82{display:flex;align-items:center;flex-shrink:0;color:var(--sidebar-text);opacity:.64}._channels-sidebar__find-channels-label_5crxb_89{font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-75);letter-spacing:.02em;color:var(--sidebar-text);opacity:.72;white-space:nowrap}._channels-sidebar__top-group_5crxb_99{display:flex;flex-direction:column;flex-shrink:0;padding-bottom:var(--spacing-xs)}._channels-sidebar__scroll-view_5crxb_105{position:relative;display:flex;flex-direction:column;flex:1;min-height:0}._channels-sidebar__channel-groups_5crxb_112{display:flex;flex-direction:column;gap:var(--spacing-xs);flex-shrink:0}._channels-sidebar__channel-group_5crxb_112{display:flex;flex-direction:column}._channels-sidebar__category_5crxb_122{display:flex;align-items:center;height:32px;padding:var(--spacing-xxxs) var(--spacing-l) var(--spacing-xxxs) var(--spacing-xs);flex-shrink:0;gap:var(--spacing-xxxxs);cursor:pointer}._channels-sidebar__category--with-leading-icon_5crxb_132{padding:var(--spacing-xxxs) var(--spacing-xl)}._channels-sidebar__category--sticky_5crxb_135{position:sticky;top:0;z-index:1;background:var(--sidebar-bg)}._channels-sidebar__category--no-chevron_5crxb_141{padding-left:22px}._channels-sidebar__category--has-action_5crxb_144{padding-right:var(--spacing-l)}._channels-sidebar__category-left_5crxb_147{display:flex;align-items:center;flex:1;min-width:0;gap:var(--spacing-xxxxs)}._channels-sidebar__category-leading-icon_5crxb_154{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:12px;height:12px;color:var(--sidebar-text)}._channels-sidebar__category--with-leading-icon_5crxb_132 ._channels-sidebar__category-left_5crxb_147{gap:var(--spacing-xxxs)}._channels-sidebar__category--with-leading-icon_5crxb_132 ._channels-sidebar__category-leading-icon_5crxb_154{opacity:.64}._channels-sidebar__category--opaque_5crxb_175 ._channels-sidebar__category-label_5crxb_175,._channels-sidebar__category--opaque_5crxb_175 ._channels-sidebar__category-leading-icon_5crxb_154{opacity:1}._channels-sidebar__category-chevron_5crxb_181{display:flex;align-items:center;flex-shrink:0;color:var(--sidebar-text);opacity:.75}._channels-sidebar__category-label_5crxb_175{font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75);letter-spacing:.02em;text-transform:uppercase;color:var(--sidebar-text);opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._channels-sidebar__more-unreads_5crxb_201{position:absolute;left:var(--spacing-s);right:var(--spacing-s);z-index:1}._channels-sidebar__more-unreads--above_5crxb_207{top:var(--spacing-s)}._channels-sidebar__more-unreads--below_5crxb_210{bottom:var(--spacing-s)}

package/dist/components/channels-sidebar/ChannelsSidebar.module.scss.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ChannelsSidebar.module.css');const e={"channels-sidebar":"_channels-sidebar_5crxb_2","channels-sidebar--header-preview":"_channels-sidebar--header-preview_5crxb_12","channels-sidebar--navigator-preview":"_channels-sidebar--navigator-preview_5crxb_19","channels-sidebar__sidebar-icon-button":"_channels-sidebar__sidebar-icon-button_5crxb_23","channels-sidebar__header":"_channels-sidebar__header_5crxb_29","channels-sidebar__team-dropdown":"_channels-sidebar__team-dropdown_5crxb_36","channels-sidebar__team-name":"_channels-sidebar__team-name_5crxb_48","channels-sidebar__team-chevron":"_channels-sidebar__team-chevron_5crxb_58","channels-sidebar__navigator":"_channels-sidebar__navigator_5crxb_64","channels-sidebar__find-channels":"_channels-sidebar__find-channels_5crxb_71","channels-sidebar__find-channels-icon":"_channels-sidebar__find-channels-icon_5crxb_82","channels-sidebar__find-channels-label":"_channels-sidebar__find-channels-label_5crxb_89","channels-sidebar__top-group":"_channels-sidebar__top-group_5crxb_99","channels-sidebar__scroll-view":"_channels-sidebar__scroll-view_5crxb_105","channels-sidebar__channel-groups":"_channels-sidebar__channel-groups_5crxb_112","channels-sidebar__channel-group":"_channels-sidebar__channel-group_5crxb_112","channels-sidebar__category":"_channels-sidebar__category_5crxb_122","channels-sidebar__category--with-leading-icon":"_channels-sidebar__category--with-leading-icon_5crxb_132","channels-sidebar__category--sticky":"_channels-sidebar__category--sticky_5crxb_135","channels-sidebar__category--no-chevron":"_channels-sidebar__category--no-chevron_5crxb_141","channels-sidebar__category--has-action":"_channels-sidebar__category--has-action_5crxb_144","channels-sidebar__category-left":"_channels-sidebar__category-left_5crxb_147","channels-sidebar__category-leading-icon":"_channels-sidebar__category-leading-icon_5crxb_154","channels-sidebar__category--opaque":"_channels-sidebar__category--opaque_5crxb_175","channels-sidebar__category-label":"_channels-sidebar__category-label_5crxb_175","channels-sidebar__category-chevron":"_channels-sidebar__category-chevron_5crxb_181","channels-sidebar__more-unreads":"_channels-sidebar__more-unreads_5crxb_201","channels-sidebar__more-unreads--above":"_channels-sidebar__more-unreads--above_5crxb_207","channels-sidebar__more-unreads--below":"_channels-sidebar__more-unreads--below_5crxb_210"};exports.default=e;
-//# sourceMappingURL=ChannelsSidebar.module.scss.cjs.map

package/dist/components/channels-sidebar/ChannelsSidebar.module.scss.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChannelsSidebar.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/channels-sidebar/ChannelsSidebar.module.scss.js

@@ -1,35 +0,0 @@
-import './ChannelsSidebar.module.css';const e = {
-  "channels-sidebar": "_channels-sidebar_5crxb_2",
-  "channels-sidebar--header-preview": "_channels-sidebar--header-preview_5crxb_12",
-  "channels-sidebar--navigator-preview": "_channels-sidebar--navigator-preview_5crxb_19",
-  "channels-sidebar__sidebar-icon-button": "_channels-sidebar__sidebar-icon-button_5crxb_23",
-  "channels-sidebar__header": "_channels-sidebar__header_5crxb_29",
-  "channels-sidebar__team-dropdown": "_channels-sidebar__team-dropdown_5crxb_36",
-  "channels-sidebar__team-name": "_channels-sidebar__team-name_5crxb_48",
-  "channels-sidebar__team-chevron": "_channels-sidebar__team-chevron_5crxb_58",
-  "channels-sidebar__navigator": "_channels-sidebar__navigator_5crxb_64",
-  "channels-sidebar__find-channels": "_channels-sidebar__find-channels_5crxb_71",
-  "channels-sidebar__find-channels-icon": "_channels-sidebar__find-channels-icon_5crxb_82",
-  "channels-sidebar__find-channels-label": "_channels-sidebar__find-channels-label_5crxb_89",
-  "channels-sidebar__top-group": "_channels-sidebar__top-group_5crxb_99",
-  "channels-sidebar__scroll-view": "_channels-sidebar__scroll-view_5crxb_105",
-  "channels-sidebar__channel-groups": "_channels-sidebar__channel-groups_5crxb_112",
-  "channels-sidebar__channel-group": "_channels-sidebar__channel-group_5crxb_112",
-  "channels-sidebar__category": "_channels-sidebar__category_5crxb_122",
-  "channels-sidebar__category--with-leading-icon": "_channels-sidebar__category--with-leading-icon_5crxb_132",
-  "channels-sidebar__category--sticky": "_channels-sidebar__category--sticky_5crxb_135",
-  "channels-sidebar__category--no-chevron": "_channels-sidebar__category--no-chevron_5crxb_141",
-  "channels-sidebar__category--has-action": "_channels-sidebar__category--has-action_5crxb_144",
-  "channels-sidebar__category-left": "_channels-sidebar__category-left_5crxb_147",
-  "channels-sidebar__category-leading-icon": "_channels-sidebar__category-leading-icon_5crxb_154",
-  "channels-sidebar__category--opaque": "_channels-sidebar__category--opaque_5crxb_175",
-  "channels-sidebar__category-label": "_channels-sidebar__category-label_5crxb_175",
-  "channels-sidebar__category-chevron": "_channels-sidebar__category-chevron_5crxb_181",
-  "channels-sidebar__more-unreads": "_channels-sidebar__more-unreads_5crxb_201",
-  "channels-sidebar__more-unreads--above": "_channels-sidebar__more-unreads--above_5crxb_207",
-  "channels-sidebar__more-unreads--below": "_channels-sidebar__more-unreads--below_5crxb_210"
-};
-export {
-  e as default
-};
-//# sourceMappingURL=ChannelsSidebar.module.scss.js.map

package/dist/components/channels-sidebar/ChannelsSidebar.module.scss.js.map

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

package/dist/components/channels-sidebar/channelsSidebarModel.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function n(a,e){if(!e||Object.keys(e).length===0)return a;const p=t=>e[t]??t,r=t=>({...t,name:p(t.name),avatarAlt:t.avatarAlt!=null?p(t.avatarAlt):t.avatarAlt});return{topGroupItems:a.topGroupItems.map(r),groups:a.groups.map(t=>({...t,items:t.items.map(r)}))}}exports.applyChannelNameOverrides=n;
-//# sourceMappingURL=channelsSidebarModel.cjs.map

package/dist/components/channels-sidebar/channelsSidebarModel.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"channelsSidebarModel.cjs","sources":["../../../src/components/channels-sidebar/channelsSidebarModel.ts"],"sourcesContent":["import type { ChannelSidebarItemProps } from '@/components/channel-sidebar-item/ChannelSidebarItem';\n\nexport type ChannelsSidebarItemModel = Pick<\n  ChannelSidebarItemProps,\n  | 'name'\n  | 'leadingVisual'\n  | 'active'\n  | 'status'\n  | 'mentionCount'\n  | 'memberCount'\n  | 'avatarSrc'\n  | 'avatarAlt'\n  | 'showAvatarStatus'\n  | 'onClick'\n>;\n\nexport interface ChannelsSidebarCategoryModel {\n  label: string;\n  showChevron?: boolean;\n  showPlusButton?: boolean;\n}\n\nexport interface ChannelsSidebarGroupModel {\n  key: string;\n  category: ChannelsSidebarCategoryModel;\n  items: ChannelsSidebarItemModel[];\n}\n\nexport interface ChannelsSidebarModel {\n  topGroupItems: ChannelsSidebarItemModel[];\n  groups: ChannelsSidebarGroupModel[];\n}\n\n/**\n * Applies per-page display renames (keys = default names from the model) to\n * `name` and `avatarAlt` on each row, matching pre-model `channelNameOverrides` behavior.\n */\nexport function applyChannelNameOverrides(\n  model: ChannelsSidebarModel,\n  channelNameOverrides?: Record<string, string>,\n): ChannelsSidebarModel {\n  if (!channelNameOverrides || Object.keys(channelNameOverrides).length === 0) {\n    return model;\n  }\n\n  const resolve = (s: string) => channelNameOverrides[s] ?? s;\n\n  const mapRow = (row: ChannelsSidebarItemModel): ChannelsSidebarItemModel => ({\n    ...row,\n    name: resolve(row.name),\n    avatarAlt: row.avatarAlt != null ? resolve(row.avatarAlt) : row.avatarAlt,\n  });\n\n  return {\n    topGroupItems: model.topGroupItems.map(mapRow),\n    groups: model.groups.map((g) => ({\n      ...g,\n      items: g.items.map(mapRow),\n    })),\n  };\n}\n"],"names":["applyChannelNameOverrides","model","channelNameOverrides","resolve","s","mapRow","row","g"],"mappings":"gFAqCO,SAASA,EACdC,EACAC,EACsB,CACtB,GAAI,CAACA,GAAwB,OAAO,KAAKA,CAAoB,EAAE,SAAW,EACxE,OAAOD,EAGT,MAAME,EAAWC,GAAcF,EAAqBE,CAAC,GAAKA,EAEpDC,EAAUC,IAA6D,CAC3E,GAAGA,EACH,KAAMH,EAAQG,EAAI,IAAI,EACtB,UAAWA,EAAI,WAAa,KAAOH,EAAQG,EAAI,SAAS,EAAIA,EAAI,SAAA,GAGlE,MAAO,CACL,cAAeL,EAAM,cAAc,IAAII,CAAM,EAC7C,OAAQJ,EAAM,OAAO,IAAKM,IAAO,CAC/B,GAAGA,EACH,MAAOA,EAAE,MAAM,IAAIF,CAAM,CAAA,EACzB,CAAA,CAEN"}

package/dist/components/channels-sidebar/channelsSidebarModel.d.ts

@@ -1,22 +0,0 @@
-import { ChannelSidebarItemProps } from '../ChannelSidebarItem/ChannelSidebarItem';
-export type ChannelsSidebarItemModel = Pick<ChannelSidebarItemProps, 'name' | 'leadingVisual' | 'active' | 'status' | 'mentionCount' | 'memberCount' | 'avatarSrc' | 'avatarAlt' | 'showAvatarStatus' | 'onClick'>;
-export interface ChannelsSidebarCategoryModel {
-    label: string;
-    showChevron?: boolean;
-    showPlusButton?: boolean;
-}
-export interface ChannelsSidebarGroupModel {
-    key: string;
-    category: ChannelsSidebarCategoryModel;
-    items: ChannelsSidebarItemModel[];
-}
-export interface ChannelsSidebarModel {
-    topGroupItems: ChannelsSidebarItemModel[];
-    groups: ChannelsSidebarGroupModel[];
-}
-/**
- * Applies per-page display renames (keys = default names from the model) to
- * `name` and `avatarAlt` on each row, matching pre-model `channelNameOverrides` behavior.
- */
-export declare function applyChannelNameOverrides(model: ChannelsSidebarModel, channelNameOverrides?: Record<string, string>): ChannelsSidebarModel;
-//# sourceMappingURL=channelsSidebarModel.d.ts.map

package/dist/components/channels-sidebar/channelsSidebarModel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"channelsSidebarModel.d.ts","sourceRoot":"","sources":["../../../src/components/channels-sidebar/channelsSidebarModel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,oDAAoD,CAAC;AAElG,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,uBAAuB,EACrB,MAAM,GACN,eAAe,GACf,QAAQ,GACR,QAAQ,GACR,cAAc,GACd,aAAa,GACb,WAAW,GACX,WAAW,GACX,kBAAkB,GAClB,SAAS,CACZ,CAAC;AAEF,MAAM,WAAW,4BAA4B;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,yBAAyB;IACxC,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,4BAA4B,CAAC;IACvC,KAAK,EAAE,wBAAwB,EAAE,CAAC;CACnC;AAED,MAAM,WAAW,oBAAoB;IACnC,aAAa,EAAE,wBAAwB,EAAE,CAAC;IAC1C,MAAM,EAAE,yBAAyB,EAAE,CAAC;CACrC;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,oBAAoB,EAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC5C,oBAAoB,CAoBtB"}

package/dist/components/channels-sidebar/channelsSidebarModel.js

@@ -1,20 +0,0 @@
-function r(a, p) {
-  if (!p || Object.keys(p).length === 0)
-    return a;
-  const e = (t) => p[t] ?? t, n = (t) => ({
-    ...t,
-    name: e(t.name),
-    avatarAlt: t.avatarAlt != null ? e(t.avatarAlt) : t.avatarAlt
-  });
-  return {
-    topGroupItems: a.topGroupItems.map(n),
-    groups: a.groups.map((t) => ({
-      ...t,
-      items: t.items.map(n)
-    }))
-  };
-}
-export {
-  r as applyChannelNameOverrides
-};
-//# sourceMappingURL=channelsSidebarModel.js.map

package/dist/components/channels-sidebar/channelsSidebarModel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"channelsSidebarModel.js","sources":["../../../src/components/channels-sidebar/channelsSidebarModel.ts"],"sourcesContent":["import type { ChannelSidebarItemProps } from '@/components/channel-sidebar-item/ChannelSidebarItem';\n\nexport type ChannelsSidebarItemModel = Pick<\n  ChannelSidebarItemProps,\n  | 'name'\n  | 'leadingVisual'\n  | 'active'\n  | 'status'\n  | 'mentionCount'\n  | 'memberCount'\n  | 'avatarSrc'\n  | 'avatarAlt'\n  | 'showAvatarStatus'\n  | 'onClick'\n>;\n\nexport interface ChannelsSidebarCategoryModel {\n  label: string;\n  showChevron?: boolean;\n  showPlusButton?: boolean;\n}\n\nexport interface ChannelsSidebarGroupModel {\n  key: string;\n  category: ChannelsSidebarCategoryModel;\n  items: ChannelsSidebarItemModel[];\n}\n\nexport interface ChannelsSidebarModel {\n  topGroupItems: ChannelsSidebarItemModel[];\n  groups: ChannelsSidebarGroupModel[];\n}\n\n/**\n * Applies per-page display renames (keys = default names from the model) to\n * `name` and `avatarAlt` on each row, matching pre-model `channelNameOverrides` behavior.\n */\nexport function applyChannelNameOverrides(\n  model: ChannelsSidebarModel,\n  channelNameOverrides?: Record<string, string>,\n): ChannelsSidebarModel {\n  if (!channelNameOverrides || Object.keys(channelNameOverrides).length === 0) {\n    return model;\n  }\n\n  const resolve = (s: string) => channelNameOverrides[s] ?? s;\n\n  const mapRow = (row: ChannelsSidebarItemModel): ChannelsSidebarItemModel => ({\n    ...row,\n    name: resolve(row.name),\n    avatarAlt: row.avatarAlt != null ? resolve(row.avatarAlt) : row.avatarAlt,\n  });\n\n  return {\n    topGroupItems: model.topGroupItems.map(mapRow),\n    groups: model.groups.map((g) => ({\n      ...g,\n      items: g.items.map(mapRow),\n    })),\n  };\n}\n"],"names":["applyChannelNameOverrides","model","channelNameOverrides","resolve","s","mapRow","row","g"],"mappings":"AAqCO,SAASA,EACdC,GACAC,GACsB;AACtB,MAAI,CAACA,KAAwB,OAAO,KAAKA,CAAoB,EAAE,WAAW;AACxE,WAAOD;AAGT,QAAME,IAAU,CAACC,MAAcF,EAAqBE,CAAC,KAAKA,GAEpDC,IAAS,CAACC,OAA6D;AAAA,IAC3E,GAAGA;AAAA,IACH,MAAMH,EAAQG,EAAI,IAAI;AAAA,IACtB,WAAWA,EAAI,aAAa,OAAOH,EAAQG,EAAI,SAAS,IAAIA,EAAI;AAAA,EAAA;AAGlE,SAAO;AAAA,IACL,eAAeL,EAAM,cAAc,IAAII,CAAM;AAAA,IAC7C,QAAQJ,EAAM,OAAO,IAAI,CAACM,OAAO;AAAA,MAC/B,GAAGA;AAAA,MACH,OAAOA,EAAE,MAAM,IAAIF,CAAM;AAAA,IAAA,EACzB;AAAA,EAAA;AAEN;"}

package/dist/components/channels-sidebar/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ChannelsSidebar.cjs"),a=require("./channelsSidebarModel.cjs"),n=require("./ChannelsSidebar.module.scss.cjs");exports.ChannelsSidebar=e.default;exports.ChannelsSidebarCategory=e.ChannelsSidebarCategory;exports.ChannelsSidebarHeader=e.ChannelsSidebarHeader;exports.ChannelsSidebarNavigator=e.ChannelsSidebarNavigator;exports.applyChannelNameOverrides=a.applyChannelNameOverrides;exports.channelsSidebarStyles=n.default;
-//# sourceMappingURL=index.cjs.map

package/dist/components/channels-sidebar/index.d.ts

@@ -1,6 +0,0 @@
-export { default as ChannelsSidebar } from './ChannelsSidebar';
-export { ChannelsSidebarHeader, ChannelsSidebarNavigator, ChannelsSidebarCategory, } from './ChannelsSidebar';
-export type { ChannelsSidebarProps, ChannelsSidebarHeaderProps, ChannelsSidebarNavigatorProps, ChannelsSidebarCategoryProps, ChannelsSidebarModel, } from './ChannelsSidebar';
-export * from './channelsSidebarModel';
-export { default as channelsSidebarStyles } from './ChannelsSidebar.module.scss';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/channels-sidebar/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/channels-sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EACL,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,GACxB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACV,oBAAoB,EACpB,0BAA0B,EAC1B,6BAA6B,EAC7B,4BAA4B,EAC5B,oBAAoB,GACrB,MAAM,mBAAmB,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/components/channels-sidebar/index.js

@@ -1,12 +0,0 @@
-import { default as r, ChannelsSidebarCategory as n, ChannelsSidebarHeader as l, ChannelsSidebarNavigator as d } from "./ChannelsSidebar.js";
-import { applyChannelNameOverrides as o } from "./channelsSidebarModel.js";
-import { default as i } from "./ChannelsSidebar.module.scss.js";
-export {
-  r as ChannelsSidebar,
-  n as ChannelsSidebarCategory,
-  l as ChannelsSidebarHeader,
-  d as ChannelsSidebarNavigator,
-  o as applyChannelNameOverrides,
-  i as channelsSidebarStyles
-};
-//# sourceMappingURL=index.js.map

package/dist/components/channels-sidebar/index.js.map

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

package/dist/components/checkbox/Checkbox.module.css

@@ -1 +0,0 @@
-@keyframes _checkbox-icon-enter_13j3t_1{0%{transform:scale(.5)}to{transform:scale(1)}}._checkbox_13j3t_10{position:relative;display:flex;align-items:center;width:100%;gap:var(--spacing-s);font-family:var(--font-family-body);color:var(--center-channel-color);cursor:pointer;-webkit-user-select:none;user-select:none}._checkbox_13j3t_10:has(._checkbox__input_13j3t_21:disabled){cursor:not-allowed;color:rgba(var(--center-channel-color-rgb),.56)}._checkbox__input_13j3t_21{position:absolute;left:0;top:50%;transform:translateY(-50%);margin:0;padding:0;opacity:0;overflow:hidden;white-space:nowrap;border:0;cursor:inherit}._checkbox__input_13j3t_21:focus-visible{outline:none}._checkbox__box_13j3t_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_13j3t_21:focus-visible~._checkbox__box_13j3t_41{box-shadow:0 0 0 2px rgba(var(--button-bg-rgb),.56)}._checkbox_13j3t_10:has(._checkbox__input_13j3t_21:not(:disabled)):hover ._checkbox__box_13j3t_41{border-color:rgba(var(--center-channel-color-rgb),.32)}._checkbox__input_13j3t_21:disabled~._checkbox__box_13j3t_41{background-color:var(--center-channel-bg);border-color:rgba(var(--center-channel-color-rgb),.16)}._checkbox__input_13j3t_21:checked~._checkbox__box_13j3t_41,._checkbox--indeterminate_13j3t_62 ._checkbox__box_13j3t_41{background-color:var(--button-bg);border-color:var(--button-bg)}._checkbox__input_13j3t_21:checked~._checkbox__box_13j3t_41 ._checkbox__icon_13j3t_66,._checkbox--indeterminate_13j3t_62 ._checkbox__box_13j3t_41 ._checkbox__icon_13j3t_66{color:var(--color-neutral-0)}._checkbox_13j3t_10:has(._checkbox__input_13j3t_21:not(:disabled)):hover ._checkbox__input_13j3t_21:checked~._checkbox__box_13j3t_41,._checkbox_13j3t_10:has(._checkbox__input_13j3t_21:not(:disabled)):hover._checkbox--indeterminate_13j3t_62 ._checkbox__box_13j3t_41{background-color:var(--button-bg);border-color:var(--button-bg)}._checkbox__input_13j3t_21:focus-visible:checked~._checkbox__box_13j3t_41,._checkbox--indeterminate_13j3t_62 ._checkbox__input_13j3t_21:focus-visible~._checkbox__box_13j3t_41{border-color:var(--button-bg);box-shadow:0 0 0 2px rgba(var(--button-bg-rgb),.56)}._checkbox__input_13j3t_21:disabled:checked~._checkbox__box_13j3t_41,._checkbox--indeterminate_13j3t_62 ._checkbox__input_13j3t_21:disabled~._checkbox__box_13j3t_41{background-color:rgba(var(--color-neutral-900-rgb),.32);border-color:transparent}._checkbox__input_13j3t_21:disabled:checked~._checkbox__box_13j3t_41 ._checkbox__icon_13j3t_66,._checkbox--indeterminate_13j3t_62 ._checkbox__input_13j3t_21:disabled~._checkbox__box_13j3t_41 ._checkbox__icon_13j3t_66{color:var(--color-neutral-0)}._checkbox--invalid_13j3t_84 ._checkbox__box_13j3t_41{border-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.5)}._checkbox--invalid_13j3t_84 ._checkbox__input_13j3t_21:checked~._checkbox__box_13j3t_41,._checkbox--invalid_13j3t_84._checkbox--indeterminate_13j3t_62 ._checkbox__box_13j3t_41{background-color:var(--error-text, var(--color-danger));border-color:var(--error-text, var(--color-danger))}._checkbox--invalid_13j3t_84 ._checkbox__input_13j3t_21:checked~._checkbox__box_13j3t_41 ._checkbox__icon_13j3t_66,._checkbox--invalid_13j3t_84._checkbox--indeterminate_13j3t_62 ._checkbox__box_13j3t_41 ._checkbox__icon_13j3t_66{color:var(--color-neutral-0)}._checkbox_13j3t_10:has(._checkbox__input_13j3t_21:not(:disabled)):hover._checkbox--invalid_13j3t_84 ._checkbox__input_13j3t_21:checked~._checkbox__box_13j3t_41,._checkbox_13j3t_10:has(._checkbox__input_13j3t_21:not(:disabled)):hover._checkbox--invalid_13j3t_84._checkbox--indeterminate_13j3t_62 ._checkbox__box_13j3t_41{background-color:var(--error-text, var(--color-danger));border-color:var(--error-text, var(--color-danger))}._checkbox--invalid_13j3t_84 ._checkbox__input_13j3t_21:focus-visible~._checkbox__box_13j3t_41{box-shadow:0 0 0 2px var(--error-text, var(--color-danger))}._checkbox--invalid_13j3t_84 ._checkbox__input_13j3t_21:focus-visible:checked~._checkbox__box_13j3t_41,._checkbox--invalid_13j3t_84._checkbox--indeterminate_13j3t_62 ._checkbox__input_13j3t_21:focus-visible~._checkbox__box_13j3t_41{border-color:rgba(var(--color-neutral-0-rgb),.24);box-shadow:0 0 0 2px var(--error-text, var(--color-danger))}._checkbox_13j3t_10:has(._checkbox__input_13j3t_21:not(:disabled)):hover._checkbox--invalid_13j3t_84 ._checkbox__input_13j3t_21:not(:checked)~._checkbox__box_13j3t_41{border-color:var(--error-text, var(--color-danger))}._checkbox__icon_13j3t_66{display:inline-flex;align-items:center;justify-content:center;color:var(--color-neutral-0);pointer-events:none;transform-origin:center;animation:_checkbox-icon-enter_13j3t_1 var(--duration-quick) var(--ease-entrance) forwards}._checkbox__label_13j3t_117{line-height:1}._checkbox--size-small_13j3t_120 ._checkbox__input_13j3t_21{width:var(--icon-size-12);height:var(--icon-size-12)}._checkbox--size-small_13j3t_120 ._checkbox__box_13j3t_41{width:var(--icon-size-12);height:var(--icon-size-12);border-radius:var(--radius-xs)}._checkbox--size-small_13j3t_120 ._checkbox__label_13j3t_117{font-size:var(--font-size-75);line-height:var(--line-height-75)}._checkbox--size-medium_13j3t_133 ._checkbox__input_13j3t_21{width:var(--icon-size-16);height:var(--icon-size-16)}._checkbox--size-medium_13j3t_133 ._checkbox__box_13j3t_41{width:var(--icon-size-16);height:var(--icon-size-16);border-radius:var(--radius-xs)}._checkbox--size-medium_13j3t_133 ._checkbox__label_13j3t_117{font-size:var(--font-size-100);line-height:var(--line-height-100)}._checkbox--size-large_13j3t_146 ._checkbox__input_13j3t_21{width:var(--icon-size-20);height:var(--icon-size-20)}._checkbox--size-large_13j3t_146 ._checkbox__box_13j3t_41{width:var(--icon-size-20);height:var(--icon-size-20);border-radius:var(--radius-s)}._checkbox--size-large_13j3t_146 ._checkbox__label_13j3t_117{font-size:var(--font-size-200);line-height:var(--line-height-200)}

package/dist/components/chip/Chip.module.css

@@ -1 +0,0 @@
-._chip_1cqqu_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:hidden;cursor:default;transition:background-color var(--duration-quick) var(--ease-transition),border-color var(--duration-quick) var(--ease-transition)}._chip_1cqqu_2:hover{background-color:rgba(var(--center-channel-color-rgb),.16)}._chip_1cqqu_2:focus-within{border-color:var(--button-bg);background-color:rgba(var(--center-channel-color-rgb),.08)}._chip__label_1cqqu_24{position:relative}._chip__icon-slot_1cqqu_27,._chip__avatar-slot_1cqqu_33{display:inline-flex;align-items:center;flex-shrink:0;position:relative}._chip__remove_1cqqu_39{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;background:none;border:none;padding:0;cursor:pointer;color:rgba(var(--center-channel-color-rgb),.32);line-height:0}._chip__remove_1cqqu_39:focus-visible{outline:none}._chip--colored_1cqqu_55:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#d95d1c29;pointer-events:none}._chip--error_1cqqu_62{border-color:var(--error-text, var(--color-danger))}._chip--size-small_1cqqu_65{gap:var(--spacing-xxxs);padding:var(--spacing-xxxs) var(--spacing-xs)}._chip--size-small_1cqqu_65:has(._chip__remove_1cqqu_39){padding-right:var(--spacing-xxs)}._chip--size-small_1cqqu_65 ._chip__label_1cqqu_24{font-size:var(--font-size-25);line-height:12px;letter-spacing:.2px}._chip--size-small_1cqqu_65 ._chip__remove_1cqqu_39{padding:1px}._chip--size-medium_1cqqu_80{gap:var(--spacing-xxxs);padding:var(--spacing-xxxs) var(--spacing-xs)}._chip--size-medium_1cqqu_80:has(._chip__remove_1cqqu_39){padding-right:var(--spacing-xxs)}._chip--size-medium_1cqqu_80 ._chip__label_1cqqu_24{font-size:var(--font-size-75);line-height:var(--line-height-75)}._chip--size-medium_1cqqu_80 ._chip__remove_1cqqu_39{padding:2px}._chip--size-medium-compact_1cqqu_94{gap:var(--spacing-xxxs);padding:var(--spacing-xxxxs) var(--spacing-xxs)}._chip--size-medium-compact_1cqqu_94:has(._chip__remove_1cqqu_39){padding-right:var(--spacing-xxxs)}._chip--size-medium-compact_1cqqu_94 ._chip__label_1cqqu_24{font-size:var(--font-size-100);line-height:var(--line-height-100)}._chip--size-medium-compact_1cqqu_94 ._chip__remove_1cqqu_39{padding:2px}._chip--size-large_1cqqu_108{gap:var(--spacing-xxs);padding:var(--spacing-xxs) var(--spacing-m)}._chip--size-large_1cqqu_108:has(._chip__remove_1cqqu_39){padding-right:var(--spacing-s)}._chip--size-large_1cqqu_108 ._chip__label_1cqqu_24{font-size:var(--font-size-100);line-height:var(--line-height-100)}._chip--size-large_1cqqu_108 ._chip__remove_1cqqu_39{padding:2px}

package/dist/components/combobox/Combobox.module.css

@@ -1 +0,0 @@
-._combobox_1u0w0_2{position:relative;display:flex;flex-direction:column;width:100%}._combobox__wrapper_1u0w0_8{position:relative;background-color:var(--center-channel-bg);border-radius:var(--radius-s);box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.16);transition:box-shadow var(--duration-quick) var(--ease-transition);cursor:text}._combobox_1u0w0_2:not(._combobox--disabled_1u0w0_16):hover:not(:focus-within) ._combobox__wrapper_1u0w0_8{box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.24)}._combobox_1u0w0_2:focus-within ._combobox__wrapper_1u0w0_8{box-shadow:inset 0 0 0 1px var(--button-bg),0 0 0 1px var(--button-bg)}._combobox--disabled_1u0w0_16 ._combobox__wrapper_1u0w0_8{opacity:.56;cursor:not-allowed}._combobox__label_1u0w0_26{position:absolute;left:var(--spacing-xs);top:50%;z-index:1;padding:0 var(--spacing-xxxs);transform:translateY(-50%);margin:0;font-family:var(--font-family-body);font-size:var(--font-size-75);line-height:var(--line-height-75);font-weight:var(--font-weight-regular);color:rgba(var(--center-channel-color-rgb),.64);background-color:var(--center-channel-bg);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 24px);transition:transform var(--duration-quick) var(--ease-transition),font-size var(--duration-quick) var(--ease-transition),top var(--duration-quick) var(--ease-transition),left var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition)}._combobox--label-floated_1u0w0_47 ._combobox__label_1u0w0_26{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._combobox_1u0w0_2:focus-within ._combobox__label_1u0w0_26{color:var(--button-bg)}._combobox__inner_1u0w0_56{display:flex;align-items:center;position:relative;gap:var(--spacing-xs);width:100%;box-sizing:border-box}._combobox__leadingIcon_1u0w0_64{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:rgba(var(--center-channel-color-rgb),.64);pointer-events:none}._combobox__value_1u0w0_72{display:flex;flex:1 1 0;flex-wrap:wrap;align-items:center;align-self:stretch;gap:var(--spacing-xxs);min-width:0;margin:-1px 0}._combobox__control_1u0w0_82{flex:1 1 0;width:100%;min-width:0;min-height:100%;margin:0;padding:0;border:0;background:transparent;font-family:var(--font-family-body);font-size:var(--font-size-75);line-height:var(--line-height-75);font-weight:var(--font-weight-regular);color:var(--center-channel-color)}._combobox__control_1u0w0_82::placeholder{color:rgba(var(--center-channel-color-rgb),.64)}._combobox__control_1u0w0_82:focus{outline:none}._combobox__control_1u0w0_82:disabled{cursor:not-allowed;color:rgba(var(--center-channel-color-rgb),.64)}._combobox__trailingIcon_1u0w0_107{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:rgba(var(--center-channel-color-rgb),.64);pointer-events:none;margin-right:var(--spacing-xxxs);transition:transform var(--duration-quick) var(--ease-transition)}._combobox--open_1u0w0_117 ._combobox__trailingIcon_1u0w0_107{transform:rotate(180deg)}._combobox__popup_1u0w0_120{opacity:0;transform:scale(.9);transform-origin:top center;transition:opacity var(--duration-quick) var(--ease-exit),transform var(--duration-quick) var(--ease-exit);pointer-events:none}._combobox__popup--above_1u0w0_127{transform-origin:bottom center}._combobox__popup--visible_1u0w0_130{opacity:1;transform:scale(1);pointer-events:auto;transition:opacity var(--duration-quick) var(--ease-entrance),transform var(--duration-quick) var(--ease-entrance)}._combobox__menu_1u0w0_136{width:100%;min-width:100%;max-width:none}._combobox__empty_1u0w0_141{margin:0;padding:var(--spacing-s) var(--spacing-l);font-family:var(--font-family-body);font-size:var(--font-size-75);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.64)}._combobox__list_1u0w0_149{margin:0;padding:0;list-style:none}._combobox__option_1u0w0_154{display:block;width:100%}._combobox--size-small_1u0w0_158 ._combobox__wrapper_1u0w0_8{min-height:32px}._combobox--size-small_1u0w0_158 ._combobox__inner_1u0w0_56{padding:var(--spacing-xs) var(--spacing-m);gap:var(--spacing-xs)}._combobox--size-small_1u0w0_158._combobox--has-chips_1u0w0_165 ._combobox__inner_1u0w0_56{padding-block:var(--spacing-xxs)}._combobox--size-small_1u0w0_158 ._combobox__control_1u0w0_82{font-size:var(--font-size-75);line-height:var(--line-height-75)}._combobox--size-small_1u0w0_158 ._combobox__trailingIcon_1u0w0_107 svg{width:var(--icon-size-12);height:var(--icon-size-12)}._combobox--size-small_1u0w0_158._combobox--label-floated_1u0w0_47 ._combobox__label_1u0w0_26{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._combobox--size-medium_1u0w0_182 ._combobox__wrapper_1u0w0_8{min-height:40px}._combobox--size-medium_1u0w0_182 ._combobox__inner_1u0w0_56{padding:var(--spacing-s) var(--spacing-l);gap:var(--spacing-s)}._combobox--size-medium_1u0w0_182._combobox--has-chips_1u0w0_165 ._combobox__inner_1u0w0_56{padding-block:var(--spacing-xs)}._combobox--size-medium_1u0w0_182 ._combobox__control_1u0w0_82{font-size:var(--font-size-100);line-height:var(--line-height-100)}._combobox--size-medium_1u0w0_182 ._combobox__label_1u0w0_26{font-size:var(--font-size-100);left:var(--spacing-m)}._combobox--size-medium_1u0w0_182 ._combobox__trailingIcon_1u0w0_107 svg{width:var(--icon-size-16);height:var(--icon-size-16)}._combobox--size-medium_1u0w0_182._combobox--label-floated_1u0w0_47 ._combobox__label_1u0w0_26{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._combobox--size-large_1u0w0_210 ._combobox__wrapper_1u0w0_8{min-height:48px}._combobox--size-large_1u0w0_210 ._combobox__inner_1u0w0_56{padding:var(--spacing-m) var(--spacing-l);gap:var(--spacing-s)}._combobox--size-large_1u0w0_210._combobox--has-chips_1u0w0_165 ._combobox__inner_1u0w0_56{padding-block:var(--spacing-xs)}._combobox--size-large_1u0w0_210 ._combobox__control_1u0w0_82{font-size:var(--font-size-200);line-height:var(--line-height-200)}._combobox--size-large_1u0w0_210 ._combobox__label_1u0w0_26{font-size:var(--font-size-200);line-height:var(--line-height-200);left:var(--spacing-m)}._combobox--size-large_1u0w0_210 ._combobox__trailingIcon_1u0w0_107 svg{width:var(--icon-size-16);height:var(--icon-size-16)}._combobox--size-large_1u0w0_210._combobox--label-floated_1u0w0_47 ._combobox__label_1u0w0_26{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._combobox--invalid_1u0w0_239 ._combobox__wrapper_1u0w0_8{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger))}._combobox--invalid_1u0w0_239:focus-within ._combobox__wrapper_1u0w0_8{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger)),0 0 0 1px var(--error-text, var(--color-danger))}._combobox--invalid_1u0w0_239 ._combobox__label_1u0w0_26{color:var(--error-text, var(--color-danger))}._combobox--invalid_1u0w0_239:focus-within ._combobox__label_1u0w0_26{color:var(--error-text, var(--color-danger))}._combobox--has-leading-icon_1u0w0_251 ._combobox__label_1u0w0_26{left:32px}._combobox--has-leading-icon_1u0w0_251._combobox--label-floated_1u0w0_47 ._combobox__label_1u0w0_26{left:var(--spacing-xs)}._combobox--has-leading-icon_1u0w0_251._combobox--size-medium_1u0w0_182 ._combobox__label_1u0w0_26,._combobox--has-leading-icon_1u0w0_251._combobox--size-large_1u0w0_210 ._combobox__label_1u0w0_26{left:38px}._combobox--has-leading-icon_1u0w0_251._combobox--size-medium_1u0w0_182._combobox--label-floated_1u0w0_47 ._combobox__label_1u0w0_26,._combobox--has-leading-icon_1u0w0_251._combobox--size-large_1u0w0_210._combobox--label-floated_1u0w0_47 ._combobox__label_1u0w0_26{left:var(--spacing-m)}._combobox_1u0w0_2:has(._combobox__label_1u0w0_26):not(._combobox--label-floated_1u0w0_47) ._combobox__control_1u0w0_82{color:transparent}._combobox_1u0w0_2:has(._combobox__label_1u0w0_26):not(._combobox--label-floated_1u0w0_47) ._combobox__control_1u0w0_82::placeholder{color:transparent}

package/dist/components/date-range-picker/DateRangePicker.module.css

@@ -1 +0,0 @@
-._dateRangePicker_1me82_2{--date-range-picker-day-size: calc( var(--icon-size-32) + var(--spacing-xxxs) );display:flex;flex-direction:column;position:relative;width:100%}._dateRangePicker__trigger_1me82_11{display:flex;align-items:center;gap:var(--spacing-s);padding:var(--spacing-s) var(--spacing-l);background-color:var(--center-channel-bg);border-radius:var(--radius-s);box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.16);cursor:pointer;-webkit-user-select:none;user-select:none;transition:box-shadow var(--duration-quick) var(--ease-transition)}._dateRangePicker_1me82_2:not(._dateRangePicker--disabled_1me82_23):not(._dateRangePicker--open_1me82_23):not(:focus-within) ._dateRangePicker__trigger_1me82_11:hover{box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.24)}._dateRangePicker_1me82_2:focus-within ._dateRangePicker__trigger_1me82_11,._dateRangePicker--open_1me82_23 ._dateRangePicker__trigger_1me82_11{outline:none;box-shadow:inset 0 0 0 1px var(--button-bg),0 0 0 1px var(--button-bg)}._dateRangePicker__trigger_1me82_11:focus{outline:none}._dateRangePicker__trigger_1me82_11:focus-visible{outline:none}._dateRangePicker--disabled_1me82_23 ._dateRangePicker__trigger_1me82_11{opacity:.56;cursor:not-allowed}._dateRangePicker__calendarIcon_1me82_40{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:rgba(var(--center-channel-color-rgb),.64)}._dateRangePicker__calendarIcon_1me82_40 svg{display:block;width:var(--icon-size-16);height:var(--icon-size-16)}._dateRangePicker__value_1me82_52{flex:1 1 0;min-width:0;align-self:stretch;display:flex;align-items:center;font-family:var(--font-family-body);font-size:var(--font-size-100);line-height:var(--line-height-100);font-weight:var(--font-weight-regular);color:var(--center-channel-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._dateRangePicker__trigger_1me82_11:not([data-has-value]) ._dateRangePicker__value_1me82_52{color:rgba(var(--center-channel-color-rgb),.64)}._dateRangePicker__chevron_1me82_70{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:rgba(var(--center-channel-color-rgb),.64);transition:transform var(--duration-quick) var(--ease-transition)}._dateRangePicker__chevron_1me82_70 svg{display:block;width:var(--icon-size-16);height:var(--icon-size-16)}._dateRangePicker--open_1me82_23 ._dateRangePicker__chevron_1me82_70{transform:rotate(180deg)}._dateRangePicker__popover_1me82_86{--date-range-picker-day-size: calc( var(--icon-size-32) + var(--spacing-xxxs) );width:340px;padding:var(--spacing-l);background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.16);border-radius:var(--radius-s);box-shadow:var(--elevation-4);display:flex;flex-direction:column;gap:var(--spacing-xs);opacity:0;transform:scale(.9);transform-origin:top left;transition:opacity var(--duration-quick) var(--ease-exit),transform var(--duration-quick) var(--ease-exit);pointer-events:none}._dateRangePicker__popover--above_1me82_105{transform-origin:bottom left}._dateRangePicker__popover--visible_1me82_108{opacity:1;transform:scale(1);pointer-events:auto;transition:opacity var(--duration-quick) var(--ease-entrance),transform var(--duration-quick) var(--ease-entrance)}._dateRangePicker__header_1me82_114{display:flex;align-items:center;justify-content:space-between;padding-left:var(--spacing-xs)}._dateRangePicker__monthLabel_1me82_120{font-family:var(--font-family-heading);font-size:var(--font-size-200);line-height:var(--line-height-200);font-weight:var(--font-weight-semibold);color:var(--center-channel-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}._dateRangePicker__headerActions_1me82_131{display:flex;align-items:center;gap:var(--spacing-xxxs);flex-shrink:0}._dateRangePicker__navButtons_1me82_137{display:flex;align-items:center}._dateRangePicker__weekdays_1me82_141{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;padding:0}._dateRangePicker__weekday_1me82_141{display:flex;align-items:center;justify-content:center;width:100%;font-family:var(--font-family-body);font-size:var(--font-size-75);line-height:var(--line-height-75);font-weight:var(--font-weight-semibold);color:rgba(var(--center-channel-color-rgb),.72);text-transform:uppercase;letter-spacing:.24px;text-align:center}._dateRangePicker__grid_1me82_161{display:flex;flex-direction:column;gap:0}._dateRangePicker__week_1me82_141{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:stretch}._dateRangePicker__dayEmpty_1me82_171{display:block;height:var(--date-range-picker-day-size)}._dateRangePicker__dayCell_1me82_175{display:flex;align-items:center;justify-content:center;height:var(--date-range-picker-day-size);min-width:0;position:relative;z-index:0}._dateRangePicker__dayCell--in-range_1me82_184:before,._dateRangePicker__dayCell--range-start_1me82_184:before,._dateRangePicker__dayCell--range-end_1me82_184:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-1;pointer-events:none}._dateRangePicker__dayCell--in-range_1me82_184{background-color:rgba(var(--button-bg-rgb),.12)}._dateRangePicker__dayCell--in-range_1me82_184:before{background-color:rgba(var(--button-bg-rgb),.12)}._dateRangePicker__dayCell--range-start_1me82_184{background:linear-gradient(to right,transparent 50%,rgba(var(--button-bg-rgb),.12) 50%)}._dateRangePicker__dayCell--range-start_1me82_184:before{background:linear-gradient(to right,transparent 50%,rgba(var(--button-bg-rgb),.12) 50%)}._dateRangePicker__dayCell--range-end_1me82_184{background:linear-gradient(to left,transparent 50%,rgba(var(--button-bg-rgb),.12) 50%)}._dateRangePicker__dayCell--range-end_1me82_184:before{background:linear-gradient(to left,transparent 50%,rgba(var(--button-bg-rgb),.12) 50%)}._dateRangePicker__day_1me82_171{display:flex;align-items:center;justify-content:center;width:var(--date-range-picker-day-size);height:var(--date-range-picker-day-size);flex-shrink:0;background:transparent;border:0;border-radius:var(--radius-full);font-family:var(--font-family-body);font-size:var(--font-size-100);line-height:var(--line-height-100);font-weight:var(--font-weight-semibold);color:var(--center-channel-color);cursor:pointer;transition:background-color var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition)}._dateRangePicker__day_1me82_171:hover:not(._dateRangePicker__day--selected_1me82_227){background-color:rgba(var(--center-channel-color-rgb),.08)}._dateRangePicker__day_1me82_171:focus{outline:none}._dateRangePicker__day_1me82_171:focus-visible:not(._dateRangePicker__day--selected_1me82_227){background-color:rgba(var(--center-channel-color-rgb),.08);box-shadow:0 0 0 2px rgba(var(--button-bg-rgb),.56)}._dateRangePicker__day--selected_1me82_227:focus-visible{box-shadow:0 0 0 2px rgba(var(--button-bg-rgb),.56)}._dateRangePicker__day--today_1me82_240{color:var(--link-color);font-weight:var(--font-weight-semibold)}._dateRangePicker__day--selected_1me82_227{background-color:var(--button-bg);color:var(--button-color)}._dateRangePicker__day--selected_1me82_227:hover{background-color:var(--button-bg);opacity:.92}._dateRangePicker--disabled_1me82_23{pointer-events:none}

package/dist/components/divider/Divider.module.css

@@ -1 +0,0 @@
-._divider_1wh3r_2{width:100%;padding:var(--spacing-xs) 0}._divider__line_1wh3r_6{border:none;border-top:1px solid rgba(var(--center-channel-color-rgb),.12);margin:0}

package/dist/components/dropdown/Dropdown.module.css

@@ -1 +0,0 @@
-._dropdown_ofxhk_2{display:inline-flex;align-items:center;background:transparent;border:0;border-radius:var(--radius-s);cursor:pointer;font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);color:var(--center-channel-color);transition:background-color var(--duration-quick) var(--ease-transition);padding:0}._dropdown_ofxhk_2:hover:not(:disabled){background-color:rgba(var(--center-channel-color-rgb),.08)}._dropdown_ofxhk_2:active:not(:disabled){background-color:rgba(var(--center-channel-color-rgb),.12)}._dropdown_ofxhk_2:focus-visible{outline:none;box-shadow:0 0 0 3px var(--center-channel-bg),0 0 0 5px var(--link-color)}._dropdown_ofxhk_2:disabled{opacity:.56;cursor:not-allowed}._dropdown_ofxhk_2 .button__label{display:contents}._dropdown__trigger_ofxhk_32{display:inline-flex;align-items:center}._dropdown__content_ofxhk_36{display:inline-flex;align-items:center;flex-shrink:0}._dropdown__leadingIcon_ofxhk_41{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}._dropdown__label_ofxhk_48{white-space:nowrap;color:inherit}._dropdown__chevron_ofxhk_52{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit;transition:transform var(--duration-quick) var(--ease-transition)}._dropdown__chevron_ofxhk_52 svg{display:block;width:var(--icon-size-12);height:var(--icon-size-12)}._dropdown--open_ofxhk_65 ._dropdown__chevron_ofxhk_52{transform:rotate(180deg)}._dropdown--size-x-small_ofxhk_68{padding-left:var(--spacing-xxxs);padding-right:var(--spacing-xxxxs)}._dropdown--size-x-small_ofxhk_68 ._dropdown__trigger_ofxhk_32,._dropdown--size-x-small_ofxhk_68 ._dropdown__content_ofxhk_36{gap:var(--spacing-xxxs)}._dropdown--size-x-small_ofxhk_68 ._dropdown__label_ofxhk_48{font-size:var(--font-size-50);line-height:var(--line-height-50);letter-spacing:.01em}._dropdown--size-x-small_ofxhk_68 ._dropdown__leadingIcon_ofxhk_41 svg{width:var(--icon-size-12);height:var(--icon-size-12)}._dropdown--size-small_ofxhk_87{padding:var(--spacing-xxxxs) var(--spacing-xxxxs) var(--spacing-xxxxs) var(--spacing-xxxs)}._dropdown--size-small_ofxhk_87 ._dropdown__trigger_ofxhk_32,._dropdown--size-small_ofxhk_87 ._dropdown__content_ofxhk_36{gap:var(--spacing-xxxs)}._dropdown--size-small_ofxhk_87 ._dropdown__label_ofxhk_48{font-size:var(--font-size-75);line-height:var(--line-height-75)}._dropdown--size-small_ofxhk_87 ._dropdown__leadingIcon_ofxhk_41 svg{width:var(--icon-size-12);height:var(--icon-size-12)}._dropdown--size-medium_ofxhk_104{padding:var(--spacing-xxxxs) var(--spacing-xxxxs) var(--spacing-xxxxs) var(--spacing-xxxs)}._dropdown--size-medium_ofxhk_104 ._dropdown__trigger_ofxhk_32{gap:var(--spacing-xxxs)}._dropdown--size-medium_ofxhk_104 ._dropdown__content_ofxhk_36{gap:var(--spacing-xs)}._dropdown--size-medium_ofxhk_104 ._dropdown__label_ofxhk_48{font-size:var(--font-size-100);line-height:var(--line-height-100)}._dropdown--size-medium_ofxhk_104 ._dropdown__chevron_ofxhk_52 svg{width:var(--icon-size-16);height:var(--icon-size-16)}._dropdown--size-medium_ofxhk_104 ._dropdown__leadingIcon_ofxhk_41 svg{width:var(--icon-size-16);height:var(--icon-size-16)}._dropdown--size-medium_ofxhk_104._dropdown--padding-compact_ofxhk_125{padding:var(--spacing-xxs) var(--spacing-xs) var(--spacing-xxs) var(--spacing-xs)}._dropdown--size-large_ofxhk_128{padding:var(--spacing-xxxxs) var(--spacing-xxxs) var(--spacing-xxxxs) var(--spacing-xxs)}._dropdown--size-large_ofxhk_128 ._dropdown__trigger_ofxhk_32{gap:var(--spacing-xxxs)}._dropdown--size-large_ofxhk_128 ._dropdown__content_ofxhk_36{gap:var(--spacing-s)}._dropdown--size-large_ofxhk_128 ._dropdown__label_ofxhk_48{font-family:var(--font-family-heading);font-size:var(--font-size-200);line-height:var(--line-height-200)}._dropdown--size-large_ofxhk_128 ._dropdown__chevron_ofxhk_52 svg{width:var(--icon-size-16);height:var(--icon-size-16)}._dropdown--size-x-large_ofxhk_146{padding:0 var(--spacing-xxs) 0 var(--spacing-xs)}._dropdown--size-x-large_ofxhk_146 ._dropdown__trigger_ofxhk_32{gap:var(--spacing-xxxs)}._dropdown--size-x-large_ofxhk_146 ._dropdown__content_ofxhk_36{gap:var(--spacing-s)}._dropdown--size-x-large_ofxhk_146 ._dropdown__label_ofxhk_48{font-family:var(--font-family-heading);font-size:var(--font-size-700);line-height:var(--line-height-700)}._dropdown--size-x-large_ofxhk_146 ._dropdown__chevron_ofxhk_52 svg{width:var(--icon-size-20);height:var(--icon-size-20)}._dropdown--appearance-inverted_ofxhk_164{color:var(--sidebar-text)}._dropdown--appearance-inverted_ofxhk_164:hover:not(:disabled){background-color:rgba(var(--sidebar-text-rgb),.12)}._dropdown--appearance-inverted_ofxhk_164:active:not(:disabled){background-color:rgba(var(--sidebar-text-rgb),.2)}._dropdown--appearance-inverted_ofxhk_164:focus-visible{box-shadow:0 0 0 3px var(--sidebar-bg),0 0 0 5px var(--button-bg)}

package/dist/components/emoji/Emoji.module.css

@@ -1 +0,0 @@
-._emoji_1pc05_2{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}._emoji--size-10_1pc05_10{width:var(--icon-size-10);height:var(--icon-size-10);font-size:var(--icon-size-10)}._emoji--size-12_1pc05_15{width:var(--icon-size-12);height:var(--icon-size-12);font-size:var(--icon-size-12)}._emoji--size-16_1pc05_20{width:var(--icon-size-16);height:var(--icon-size-16);font-size:var(--icon-size-16)}._emoji--size-20_1pc05_25{width:var(--icon-size-20);height:var(--icon-size-20);font-size:var(--icon-size-20)}._emoji--size-24_1pc05_30{width:var(--icon-size-24);height:var(--icon-size-24);font-size:var(--icon-size-24)}._emoji--size-28_1pc05_35{width:var(--icon-size-28);height:var(--icon-size-28);font-size:var(--icon-size-28)}._emoji--size-32_1pc05_40{width:var(--icon-size-32);height:var(--icon-size-32);font-size:var(--icon-size-32)}._emoji--size-40_1pc05_45{width:var(--icon-size-40);height:var(--icon-size-40);font-size:var(--icon-size-40)}._emoji--size-52_1pc05_50{width:var(--icon-size-52);height:var(--icon-size-52);font-size:var(--icon-size-52)}._emoji--size-64_1pc05_55{width:var(--icon-size-64);height:var(--icon-size-64);font-size:var(--icon-size-64)}._emoji--size-104_1pc05_60{width:var(--icon-size-104);height:var(--icon-size-104);font-size:var(--icon-size-104)}

package/dist/components/empty-state/EmptyState.module.css

@@ -1 +0,0 @@
-._empty-state_zgtu5_2{width:100%;height:100%;background-color:var(--center-channel-bg)}._empty-state_zgtu5_2 .simplebar-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%}._empty-state__container_zgtu5_14{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);padding-bottom:var(--spacing-xxl);width:100%;padding-left:var(--spacing-xxl);padding-right:var(--spacing-xxl)}._empty-state__illustration_zgtu5_24{display:flex;align-items:center;justify-content:center;flex-shrink:0}._empty-state__titles_zgtu5_30{display:flex;flex-direction:column;align-items:center;width:100%;gap:var(--spacing-s)}._empty-state__title_zgtu5_30{margin:0;font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);font-size:var(--font-size-400);line-height:var(--line-height-400);color:var(--center-channel-color);text-align:center}._empty-state__description_zgtu5_46{margin:0;font-size:var(--font-size-100);font-weight:var(--font-weight-regular);line-height:var(--line-height-100);color:rgba(var(--center-channel-color-rgb),.75);text-align:center}._empty-state__action_zgtu5_54{display:flex;justify-content:center;flex-shrink:0}

package/dist/components/error-message/ErrorMessage.module.css

@@ -1 +0,0 @@
-._error-message_1l0v1_2{display:flex;align-items:flex-start;gap:var(--spacing-xxs)}._error-message__icon_1l0v1_7{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--error-text, var(--color-danger));padding-top:1px}._error-message__text_1l0v1_15{font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-75);color:var(--error-text, var(--color-danger));flex:1 0 0;min-width:0}

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

@@ -1,2 +0,0 @@
-"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;
-//# sourceMappingURL=ErrorMessage.module.scss.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorMessage.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,9 +0,0 @@
-import './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"
-};
-export {
-  e as default
-};
-//# sourceMappingURL=ErrorMessage.module.scss.js.map

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

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

package/dist/components/feature-discovery-panel/FeatureDiscoveryPanel.module.css

@@ -1 +0,0 @@
-._feature-discovery-panel_1b4te_2{display:flex;gap:var(--spacing-xxl);align-items:center;padding:var(--spacing-xxxl);background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.16);border-radius:var(--radius-m);box-shadow:var(--elevation-1)}._feature-discovery-panel__content_1b4te_12{display:flex;flex:1 0 0;flex-direction:column;gap:var(--spacing-xl);min-width:0}._feature-discovery-panel__text_1b4te_19{display:flex;flex-direction:column;gap:var(--spacing-l)}._feature-discovery-panel__title-group_1b4te_24{display:flex;flex-direction:column;gap:var(--spacing-s)}._feature-discovery-panel__title_1b4te_24{margin:0;font-family:var(--font-family-heading);font-weight:var(--font-weight-regular);font-size:var(--font-size-500);line-height:var(--line-height-500);color:var(--center-channel-color)}._feature-discovery-panel__description_1b4te_37{margin:0;font-size:var(--font-size-100);font-weight:var(--font-weight-regular);line-height:var(--line-height-100);color:var(--center-channel-color)}._feature-discovery-panel__actions_1b4te_44{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-m)}._feature-discovery-panel__action_1b4te_44{display:contents}._feature-discovery-panel__illustration_1b4te_53{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:340px}

package/dist/components/global-banner/GlobalBanner.module.css

@@ -1 +0,0 @@
-._global-banner_4dh96_2{display:flex;align-items:center;justify-content:center;height:40px;width:100%;position:relative;background-color:var(--neutral-900);padding:0 var(--spacing-xxl)}._global-banner__content_4dh96_12{display:flex;align-items:center;justify-content:center;gap:var(--spacing-s)}._global-banner__icon_4dh96_18{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--neutral-0)}._global-banner__message_4dh96_25{font-size:var(--font-size-100);font-weight:var(--font-weight-semibold);line-height:var(--line-height-100);color:var(--neutral-0);white-space:nowrap;text-align:center}._global-banner__dismiss_4dh96_33{position:absolute;right:var(--spacing-xxs);top:50%;transform:translateY(-50%);color:color-mix(in srgb,var(--neutral-0) 92%,transparent)!important}._global-banner__dismiss_4dh96_33:hover:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 12%,transparent)!important;color:var(--neutral-0)!important}._global-banner__dismiss_4dh96_33:active:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 20%,transparent)!important;color:var(--neutral-0)!important}._global-banner__dismiss_4dh96_33:focus-visible{outline:none!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--neutral-0) 56%,transparent)!important}._global-banner__action_4dh96_52{flex-shrink:0;background-color:color-mix(in srgb,var(--neutral-0) 8%,transparent)!important;color:var(--neutral-0)!important;border-color:transparent!important}._global-banner__action_4dh96_52:hover:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 12%,transparent)!important;color:var(--neutral-0)!important}._global-banner__action_4dh96_52:active:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 16%,transparent)!important;color:var(--neutral-0)!important}._global-banner__action_4dh96_52:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--neutral-0) 56%,transparent)!important}._global-banner__action_4dh96_52:disabled{color:color-mix(in srgb,var(--neutral-0) 40%,transparent)!important;background-color:color-mix(in srgb,var(--neutral-0) 6%,transparent)!important}._global-banner--type-warning_4dh96_73{background-color:rgb(var(--semantic-color-warning))}._global-banner--type-danger_4dh96_76{background-color:rgb(var(--semantic-color-danger))}._global-banner--type-info_4dh96_79{background-color:rgb(var(--semantic-color-info))}._global-banner--type-success_4dh96_82{background-color:rgb(var(--semantic-color-success))}

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__x=require("@mattermost/compass-icons/components/products.js"),x=__x?.default??__x,__b=require("@mattermost/compass-icons/components/product-channels.js"),b=__b?.default??__b,__g=require("@mattermost/compass-icons/components/product-playbooks.js"),g=__g?.default??__g,__p=require("@mattermost/compass-icons/components/product-boards.js"),p=__p?.default??__p,__f=require("@mattermost/compass-icons/components/arrow-left.js"),f=__f?.default??__f,___=require("@mattermost/compass-icons/components/arrow-right.js"),_=___?.default??___,__m=require("@mattermost/compass-icons/components/magnify.js"),m=__m?.default??__m,__t=require("@mattermost/compass-icons/components/help-circle-outline.js"),t=__t?.default??__t,__y=require("@mattermost/compass-icons/components/cog-outline.js"),y=__y?.default??__y,__q=require("@mattermost/compass-icons/components/at.js"),q=__q?.default??__q,__I=require("@mattermost/compass-icons/components/bookmark-outline.js"),I=__I?.default??__I,__v=require("@mattermost/compass-icons/components/checkbox-multiple-marked-outline.js"),v=__v?.default??__v,N=require("../button/Button.cjs"),o=require("../icon/Icon.cjs"),L=require("../icon-button/IconButton.cjs"),P=require("../user-avatar/UserAvatar.cjs"),a=require("./GlobalHeader.module.scss.cjs"),k={channels:b,playbooks:g,boards:p},B={channels:"Channels",playbooks:"Playbooks",boards:"Boards"};function s({ariaLabel:r,glyph:l}){return e.jsx(L.default,{"aria-label":r,size:"small",padding:"compact",style:"inverted",icon:e.jsx(o.default,{size:"16",glyph:l})})}function C({product:r}){const l=k[r];return e.jsxs("div",{className:a.default["global-header__product"],children:[e.jsx("span",{className:a.default["global-header__product-icon"],"aria-hidden":!0,children:e.jsx(o.default,{size:"20",glyph:e.jsx(l,{})})}),e.jsx("span",{className:a.default["global-header__product-name"],children:B[r]})]})}function O(){return e.jsxs("div",{className:a.default["global-header__navigator"],children:[e.jsx(s,{ariaLabel:"Back",glyph:e.jsx(f,{})}),e.jsx(s,{ariaLabel:"Forward",glyph:e.jsx(_,{})})]})}function z({className:r="",product:l="channels",showChannelsBranding:c=!0,showUpgradeButton:i=!1,userAvatarSrc:d,userAvatarAlt:u="User"}){const n=l==="channels",h=n?c:!0,j=[a.default["global-header"],n?a.default["global-header--channels"]:a.default["global-header--product-only"],r].filter(Boolean).join(" ");return e.jsxs("header",{className:j,children:[e.jsxs("div",{className:a.default["global-header__left"],children:[e.jsx(s,{ariaLabel:"Product switcher",glyph:e.jsx(x,{})}),h&&e.jsx(C,{product:l}),e.jsx(O,{})]}),n&&e.jsxs("div",{className:a.default["global-header__center"],children:[e.jsxs("div",{className:a.default["global-header__search"],children:[e.jsx("span",{className:a.default["global-header__search-icon"],"aria-hidden":!0,children:e.jsx(o.default,{size:"12",glyph:e.jsx(m,{})})}),e.jsx("input",{type:"search",className:a.default["global-header__search-input"],placeholder:"Search","aria-label":"Search"})]}),e.jsx(s,{ariaLabel:"Help",glyph:e.jsx(t,{})})]}),e.jsxs("div",{className:a.default["global-header__right"],children:[i&&e.jsx(N.default,{emphasis:"primary",size:"x-small",children:"Upgrade"}),l==="playbooks"&&e.jsx(s,{ariaLabel:"Tasks",glyph:e.jsx(v,{})}),n&&e.jsxs(e.Fragment,{children:[e.jsx(s,{ariaLabel:"Recent mentions",glyph:e.jsx(q,{})}),e.jsx(s,{ariaLabel:"Saved messages",glyph:e.jsx(I,{})})]}),!n&&e.jsx(s,{ariaLabel:"Help",glyph:e.jsx(t,{})}),e.jsx(s,{ariaLabel:"Settings",glyph:e.jsx(y,{})}),e.jsx("button",{className:a.default["global-header__account"],"aria-label":"Account menu",children:e.jsx(P.default,{src:d,alt:u,size:"24",status:!0})})]})]})}exports.default=z;
-//# sourceMappingURL=GlobalHeader.cjs.map

package/dist/components/global-header/GlobalHeader.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"GlobalHeader.cjs","sources":["../../../src/components/global-header/GlobalHeader.tsx"],"sourcesContent":["import ProductsIcon from '@mattermost/compass-icons/components/products';\nimport ProductChannelsIcon from '@mattermost/compass-icons/components/product-channels';\nimport ProductPlaybooksIcon from '@mattermost/compass-icons/components/product-playbooks';\nimport ProductBoardsIcon from '@mattermost/compass-icons/components/product-boards';\nimport ArrowLeftIcon from '@mattermost/compass-icons/components/arrow-left';\nimport ArrowRightIcon from '@mattermost/compass-icons/components/arrow-right';\nimport MagnifyIcon from '@mattermost/compass-icons/components/magnify';\nimport HelpCircleOutlineIcon from '@mattermost/compass-icons/components/help-circle-outline';\nimport CogOutlineIcon from '@mattermost/compass-icons/components/cog-outline';\nimport AtIcon from '@mattermost/compass-icons/components/at';\nimport BookmarkOutlineIcon from '@mattermost/compass-icons/components/bookmark-outline';\nimport CheckboxMultipleMarkedOutlineIcon from '@mattermost/compass-icons/components/checkbox-multiple-marked-outline';\nimport Button from '@/components/button/Button';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport type { ComponentType } from 'react';\nimport styles from './GlobalHeader.module.scss';\n\nexport type GlobalHeaderProduct = 'channels' | 'playbooks' | 'boards';\n\nexport interface GlobalHeaderProps {\n  /** Optional CSS class name. */\n  className?: string;\n  /** Product context. Controls branding + right-side controls. Default: Channels. */\n  product?: GlobalHeaderProduct;\n  /** When true and product is Channels, shows the Channels product icon + label. */\n  showChannelsBranding?: boolean;\n  /** When true, shows the Upgrade button in the right controls. */\n  showUpgradeButton?: boolean;\n  /** URL for the signed-in user avatar. Omit for initials fallback. */\n  userAvatarSrc?: string;\n  /** Alt text for the signed-in user avatar. */\n  userAvatarAlt?: string;\n}\n\nconst PRODUCT_ICON: Record<\n  GlobalHeaderProduct,\n  ComponentType<{ size?: number }>\n> = {\n  channels: ProductChannelsIcon,\n  playbooks: ProductPlaybooksIcon,\n  boards: ProductBoardsIcon,\n};\n\nconst PRODUCT_LABEL: Record<GlobalHeaderProduct, string> = {\n  channels: 'Channels',\n  playbooks: 'Playbooks',\n  boards: 'Boards',\n};\n\nfunction InvertedIconButton({\n  ariaLabel,\n  glyph,\n}: {\n  ariaLabel: string;\n  glyph: React.ReactNode;\n}) {\n  return (\n    <IconButton\n      aria-label={ariaLabel}\n      size=\"small\"\n      padding=\"compact\"\n      style=\"inverted\"\n      icon={<Icon size=\"16\" glyph={glyph} />}\n    />\n  );\n}\n\nfunction ProductBrand({ product }: { product: GlobalHeaderProduct }) {\n  const ProductIcon = PRODUCT_ICON[product];\n  return (\n    <div className={styles['global-header__product']}>\n      <span className={styles['global-header__product-icon']} aria-hidden>\n        <Icon size=\"20\" glyph={<ProductIcon />} />\n      </span>\n      <span className={styles['global-header__product-name']}>\n        {PRODUCT_LABEL[product]}\n      </span>\n    </div>\n  );\n}\n\nfunction Navigator() {\n  return (\n    <div className={styles['global-header__navigator']}>\n      <InvertedIconButton ariaLabel=\"Back\" glyph={<ArrowLeftIcon />} />\n      <InvertedIconButton ariaLabel=\"Forward\" glyph={<ArrowRightIcon />} />\n    </div>\n  );\n}\n\n/**\n * Global Header pattern — top bar spanning the full viewport that contains\n * the product switcher, product branding, navigator, and session-level\n * controls (search, mentions, saved, settings, account).\n *\n * Layout uses a three-column CSS grid for Channels (left | centered search + help | session)\n * so session controls stay anchored to the trailing edge. Playbooks/Boards omit the center\n * column and use two tracks (left product block | session).\n *\n * Matches Figma Global Header v1.2.1 (node 613:4135).\n */\nexport default function GlobalHeader({\n  className = '',\n  product = 'channels',\n  showChannelsBranding = true,\n  showUpgradeButton = false,\n  userAvatarSrc,\n  userAvatarAlt = 'User',\n}: GlobalHeaderProps) {\n  const isChannels = product === 'channels';\n  const showBrand = isChannels ? showChannelsBranding : true;\n\n  const rootClass = [\n    styles['global-header'],\n    isChannels\n      ? styles['global-header--channels']\n      : styles['global-header--product-only'],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <header className={rootClass}>\n      <div className={styles['global-header__left']}>\n        <InvertedIconButton\n          ariaLabel=\"Product switcher\"\n          glyph={<ProductsIcon />}\n        />\n        {showBrand && <ProductBrand product={product} />}\n        <Navigator />\n      </div>\n\n      {isChannels && (\n        <div className={styles['global-header__center']}>\n          <div className={styles['global-header__search']}>\n            <span className={styles['global-header__search-icon']} aria-hidden>\n              <Icon size=\"12\" glyph={<MagnifyIcon />} />\n            </span>\n            <input\n              type=\"search\"\n              className={styles['global-header__search-input']}\n              placeholder=\"Search\"\n              aria-label=\"Search\"\n            />\n          </div>\n          <InvertedIconButton\n            ariaLabel=\"Help\"\n            glyph={<HelpCircleOutlineIcon />}\n          />\n        </div>\n      )}\n\n      <div className={styles['global-header__right']}>\n        {showUpgradeButton && (\n          <Button emphasis=\"primary\" size=\"x-small\">\n            Upgrade\n          </Button>\n        )}\n        {product === 'playbooks' && (\n          <InvertedIconButton\n            ariaLabel=\"Tasks\"\n            glyph={<CheckboxMultipleMarkedOutlineIcon />}\n          />\n        )}\n        {isChannels && (\n          <>\n            <InvertedIconButton\n              ariaLabel=\"Recent mentions\"\n              glyph={<AtIcon />}\n            />\n            <InvertedIconButton\n              ariaLabel=\"Saved messages\"\n              glyph={<BookmarkOutlineIcon />}\n            />\n          </>\n        )}\n        {!isChannels && (\n          <InvertedIconButton\n            ariaLabel=\"Help\"\n            glyph={<HelpCircleOutlineIcon />}\n          />\n        )}\n        <InvertedIconButton ariaLabel=\"Settings\" glyph={<CogOutlineIcon />} />\n        <button\n          className={styles['global-header__account']}\n          aria-label=\"Account menu\"\n        >\n          <UserAvatar\n            src={userAvatarSrc}\n            alt={userAvatarAlt}\n            size=\"24\"\n            status\n          />\n        </button>\n      </div>\n    </header>\n  );\n}\n"],"names":["PRODUCT_ICON","ProductChannelsIcon","ProductPlaybooksIcon","ProductBoardsIcon","PRODUCT_LABEL","InvertedIconButton","ariaLabel","glyph","jsx","IconButton","Icon","ProductBrand","product","ProductIcon","jsxs","styles","Navigator","ArrowLeftIcon","ArrowRightIcon","GlobalHeader","className","showChannelsBranding","showUpgradeButton","userAvatarSrc","userAvatarAlt","isChannels","showBrand","rootClass","ProductsIcon","MagnifyIcon","HelpCircleOutlineIcon","Button","CheckboxMultipleMarkedOutlineIcon","Fragment","AtIcon","BookmarkOutlineIcon","CogOutlineIcon","UserAvatar"],"mappings":"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"}

package/dist/components/global-header/GlobalHeader.d.ts

@@ -1,28 +0,0 @@
-export type GlobalHeaderProduct = 'channels' | 'playbooks' | 'boards';
-export interface GlobalHeaderProps {
-    /** Optional CSS class name. */
-    className?: string;
-    /** Product context. Controls branding + right-side controls. Default: Channels. */
-    product?: GlobalHeaderProduct;
-    /** When true and product is Channels, shows the Channels product icon + label. */
-    showChannelsBranding?: boolean;
-    /** When true, shows the Upgrade button in the right controls. */
-    showUpgradeButton?: boolean;
-    /** URL for the signed-in user avatar. Omit for initials fallback. */
-    userAvatarSrc?: string;
-    /** Alt text for the signed-in user avatar. */
-    userAvatarAlt?: string;
-}
-/**
- * Global Header pattern — top bar spanning the full viewport that contains
- * the product switcher, product branding, navigator, and session-level
- * controls (search, mentions, saved, settings, account).
- *
- * Layout uses a three-column CSS grid for Channels (left | centered search + help | session)
- * so session controls stay anchored to the trailing edge. Playbooks/Boards omit the center
- * column and use two tracks (left product block | session).
- *
- * Matches Figma Global Header v1.2.1 (node 613:4135).
- */
-export default function GlobalHeader({ className, product, showChannelsBranding, showUpgradeButton, userAvatarSrc, userAvatarAlt, }: GlobalHeaderProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=GlobalHeader.d.ts.map

package/dist/components/global-header/GlobalHeader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GlobalHeader.d.ts","sourceRoot":"","sources":["../../../src/components/global-header/GlobalHeader.tsx"],"names":[],"mappings":"AAmBA,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,WAAW,GAAG,QAAQ,CAAC;AAEtE,MAAM,WAAW,iBAAiB;IAChC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,kFAAkF;IAClF,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,iEAAiE;IACjE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,qEAAqE;IACrE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AA0DD;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,SAAc,EACd,OAAoB,EACpB,oBAA2B,EAC3B,iBAAyB,EACzB,aAAa,EACb,aAAsB,GACvB,EAAE,iBAAiB,2CA0FnB"}

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

@@ -1,157 +0,0 @@
-import { jsxs as o, jsx as a, Fragment as b } from "react/jsx-runtime";
-import __g from "@mattermost/compass-icons/components/products.js";const g=__g&&__g.default?__g.default:__g;
-import __f from "@mattermost/compass-icons/components/product-channels.js";const f=__f&&__f.default?__f.default:__f;
-import ___ from "@mattermost/compass-icons/components/product-playbooks.js";const _=___&&___.default?___.default:___;
-import __y from "@mattermost/compass-icons/components/product-boards.js";const y=__y&&__y.default?__y.default:__y;
-import __I from "@mattermost/compass-icons/components/arrow-left.js";const I=__I&&__I.default?__I.default:__I;
-import __N from "@mattermost/compass-icons/components/arrow-right.js";const N=__N&&__N.default?__N.default:__N;
-import __v from "@mattermost/compass-icons/components/magnify.js";const v=__v&&__v.default?__v.default:__v;
-import __i from "@mattermost/compass-icons/components/help-circle-outline.js";const i=__i&&__i.default?__i.default:__i;
-import __L from "@mattermost/compass-icons/components/cog-outline.js";const L=__L&&__L.default?__L.default:__L;
-import __k from "@mattermost/compass-icons/components/at.js";const k=__k&&__k.default?__k.default:__k;
-import __B from "@mattermost/compass-icons/components/bookmark-outline.js";const B=__B&&__B.default?__B.default:__B;
-import __P from "@mattermost/compass-icons/components/checkbox-multiple-marked-outline.js";const P=__P&&__P.default?__P.default:__P;
-import C from "../button/Button.js";
-import t from "../icon/Icon.js";
-import O from "../icon-button/IconButton.js";
-import z from "../user-avatar/UserAvatar.js";
-import e from "./GlobalHeader.module.scss.js";
-const A = {
-  channels: f,
-  playbooks: _,
-  boards: y
-}, w = {
-  channels: "Channels",
-  playbooks: "Playbooks",
-  boards: "Boards"
-};
-function r({
-  ariaLabel: n,
-  glyph: l
-}) {
-  return /* @__PURE__ */ a(
-    O,
-    {
-      "aria-label": n,
-      size: "small",
-      padding: "compact",
-      style: "inverted",
-      icon: /* @__PURE__ */ a(t, { size: "16", glyph: l })
-    }
-  );
-}
-function x({ product: n }) {
-  const l = A[n];
-  return /* @__PURE__ */ o("div", { className: e["global-header__product"], children: [
-    /* @__PURE__ */ a("span", { className: e["global-header__product-icon"], "aria-hidden": !0, children: /* @__PURE__ */ a(t, { size: "20", glyph: /* @__PURE__ */ a(l, {}) }) }),
-    /* @__PURE__ */ a("span", { className: e["global-header__product-name"], children: w[n] })
-  ] });
-}
-function U() {
-  return /* @__PURE__ */ o("div", { className: e["global-header__navigator"], children: [
-    /* @__PURE__ */ a(r, { ariaLabel: "Back", glyph: /* @__PURE__ */ a(I, {}) }),
-    /* @__PURE__ */ a(r, { ariaLabel: "Forward", glyph: /* @__PURE__ */ a(N, {}) })
-  ] });
-}
-function Z({
-  className: n = "",
-  product: l = "channels",
-  showChannelsBranding: c = !0,
-  showUpgradeButton: d = !1,
-  userAvatarSrc: h,
-  userAvatarAlt: m = "User"
-}) {
-  const s = l === "channels", p = s ? c : !0, u = [
-    e["global-header"],
-    s ? e["global-header--channels"] : e["global-header--product-only"],
-    n
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("header", { className: u, children: [
-    /* @__PURE__ */ o("div", { className: e["global-header__left"], children: [
-      /* @__PURE__ */ a(
-        r,
-        {
-          ariaLabel: "Product switcher",
-          glyph: /* @__PURE__ */ a(g, {})
-        }
-      ),
-      p && /* @__PURE__ */ a(x, { product: l }),
-      /* @__PURE__ */ a(U, {})
-    ] }),
-    s && /* @__PURE__ */ o("div", { className: e["global-header__center"], children: [
-      /* @__PURE__ */ o("div", { className: e["global-header__search"], children: [
-        /* @__PURE__ */ a("span", { className: e["global-header__search-icon"], "aria-hidden": !0, children: /* @__PURE__ */ a(t, { size: "12", glyph: /* @__PURE__ */ a(v, {}) }) }),
-        /* @__PURE__ */ a(
-          "input",
-          {
-            type: "search",
-            className: e["global-header__search-input"],
-            placeholder: "Search",
-            "aria-label": "Search"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a(
-        r,
-        {
-          ariaLabel: "Help",
-          glyph: /* @__PURE__ */ a(i, {})
-        }
-      )
-    ] }),
-    /* @__PURE__ */ o("div", { className: e["global-header__right"], children: [
-      d && /* @__PURE__ */ a(C, { emphasis: "primary", size: "x-small", children: "Upgrade" }),
-      l === "playbooks" && /* @__PURE__ */ a(
-        r,
-        {
-          ariaLabel: "Tasks",
-          glyph: /* @__PURE__ */ a(P, {})
-        }
-      ),
-      s && /* @__PURE__ */ o(b, { children: [
-        /* @__PURE__ */ a(
-          r,
-          {
-            ariaLabel: "Recent mentions",
-            glyph: /* @__PURE__ */ a(k, {})
-          }
-        ),
-        /* @__PURE__ */ a(
-          r,
-          {
-            ariaLabel: "Saved messages",
-            glyph: /* @__PURE__ */ a(B, {})
-          }
-        )
-      ] }),
-      !s && /* @__PURE__ */ a(
-        r,
-        {
-          ariaLabel: "Help",
-          glyph: /* @__PURE__ */ a(i, {})
-        }
-      ),
-      /* @__PURE__ */ a(r, { ariaLabel: "Settings", glyph: /* @__PURE__ */ a(L, {}) }),
-      /* @__PURE__ */ a(
-        "button",
-        {
-          className: e["global-header__account"],
-          "aria-label": "Account menu",
-          children: /* @__PURE__ */ a(
-            z,
-            {
-              src: h,
-              alt: m,
-              size: "24",
-              status: !0
-            }
-          )
-        }
-      )
-    ] })
-  ] });
-}
-export {
-  Z as default
-};
-//# sourceMappingURL=GlobalHeader.js.map