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

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

@@ -1 +0,0 @@
-{"version":3,"file":"GlobalHeader.js","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":";;;;;;;;;;;;;;;;;;AAoCA,MAAMA,IAGF;AAAA,EACF,UAAUC;AAAA,EACV,WAAWC;AAAA,EACX,QAAQC;AACV,GAEMC,IAAqD;AAAA,EACzD,UAAU;AAAA,EACV,WAAW;AAAA,EACX,QAAQ;AACV;AAEA,SAASC,EAAmB;AAAA,EAC1B,WAAAC;AAAA,EACA,OAAAC;AACF,GAGG;AACD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,cAAYH;AAAA,MACZ,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,OAAM;AAAA,MACN,MAAM,gBAAAE,EAACE,GAAA,EAAK,MAAK,MAAK,OAAAH,EAAA,CAAc;AAAA,IAAA;AAAA,EAAA;AAG1C;AAEA,SAASI,EAAa,EAAE,SAAAC,KAA6C;AACnE,QAAMC,IAAcb,EAAaY,CAAO;AACxC,SACE,gBAAAE,EAAC,OAAA,EAAI,WAAWC,EAAO,wBAAwB,GAC7C,UAAA;AAAA,IAAA,gBAAAP,EAAC,QAAA,EAAK,WAAWO,EAAO,6BAA6B,GAAG,eAAW,IACjE,UAAA,gBAAAP,EAACE,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAF,EAACK,GAAA,CAAA,CAAY,GAAI,GAC1C;AAAA,IACA,gBAAAL,EAAC,UAAK,WAAWO,EAAO,6BAA6B,GAClD,UAAAX,EAAcQ,CAAO,EAAA,CACxB;AAAA,EAAA,GACF;AAEJ;AAEA,SAASI,IAAY;AACnB,SACE,gBAAAF,EAAC,OAAA,EAAI,WAAWC,EAAO,0BAA0B,GAC/C,UAAA;AAAA,IAAA,gBAAAP,EAACH,KAAmB,WAAU,QAAO,OAAO,gBAAAG,EAACS,KAAc,GAAI;AAAA,sBAC9DZ,GAAA,EAAmB,WAAU,WAAU,OAAO,gBAAAG,EAACU,KAAe,EAAA,CAAI;AAAA,EAAA,GACrE;AAEJ;AAaA,SAAwBC,EAAa;AAAA,EACnC,WAAAC,IAAY;AAAA,EACZ,SAAAR,IAAU;AAAA,EACV,sBAAAS,IAAuB;AAAA,EACvB,mBAAAC,IAAoB;AAAA,EACpB,eAAAC;AAAA,EACA,eAAAC,IAAgB;AAClB,GAAsB;AACpB,QAAMC,IAAab,MAAY,YACzBc,IAAYD,IAAaJ,IAAuB,IAEhDM,IAAY;AAAA,IAChBZ,EAAO,eAAe;AAAA,IACtBU,IACIV,EAAO,yBAAyB,IAChCA,EAAO,6BAA6B;AAAA,IACxCK;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAN,EAAC,UAAA,EAAO,WAAWa,GACjB,UAAA;AAAA,IAAA,gBAAAb,EAAC,OAAA,EAAI,WAAWC,EAAO,qBAAqB,GAC1C,UAAA;AAAA,MAAA,gBAAAP;AAAA,QAACH;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,yBAAQuB,GAAA,CAAA,CAAa;AAAA,QAAA;AAAA,MAAA;AAAA,MAEtBF,KAAa,gBAAAlB,EAACG,GAAA,EAAa,SAAAC,EAAA,CAAkB;AAAA,wBAC7CI,GAAA,CAAA,CAAU;AAAA,IAAA,GACb;AAAA,IAECS,KACC,gBAAAX,EAAC,OAAA,EAAI,WAAWC,EAAO,uBAAuB,GAC5C,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,uBAAuB,GAC5C,UAAA;AAAA,QAAA,gBAAAP,EAAC,QAAA,EAAK,WAAWO,EAAO,4BAA4B,GAAG,eAAW,IAChE,UAAA,gBAAAP,EAACE,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAF,EAACqB,GAAA,CAAA,CAAY,GAAI,GAC1C;AAAA,QACA,gBAAArB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAWO,EAAO,6BAA6B;AAAA,YAC/C,aAAY;AAAA,YACZ,cAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MACb,GACF;AAAA,MACA,gBAAAP;AAAA,QAACH;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,yBAAQyB,GAAA,CAAA,CAAsB;AAAA,QAAA;AAAA,MAAA;AAAA,IAChC,GACF;AAAA,IAGF,gBAAAhB,EAAC,OAAA,EAAI,WAAWC,EAAO,sBAAsB,GAC1C,UAAA;AAAA,MAAAO,uBACES,GAAA,EAAO,UAAS,WAAU,MAAK,WAAU,UAAA,WAE1C;AAAA,MAEDnB,MAAY,eACX,gBAAAJ;AAAA,QAACH;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,yBAAQ2B,GAAA,CAAA,CAAkC;AAAA,QAAA;AAAA,MAAA;AAAA,MAG7CP,KACC,gBAAAX,EAAAmB,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAzB;AAAA,UAACH;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,yBAAQ6B,GAAA,CAAA,CAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAEjB,gBAAA1B;AAAA,UAACH;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,yBAAQ8B,GAAA,CAAA,CAAoB;AAAA,UAAA;AAAA,QAAA;AAAA,MAC9B,GACF;AAAA,MAED,CAACV,KACA,gBAAAjB;AAAA,QAACH;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,yBAAQyB,GAAA,CAAA,CAAsB;AAAA,QAAA;AAAA,MAAA;AAAA,wBAGjCzB,GAAA,EAAmB,WAAU,YAAW,OAAO,gBAAAG,EAAC4B,KAAe,GAAI;AAAA,MACpE,gBAAA5B;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWO,EAAO,wBAAwB;AAAA,UAC1C,cAAW;AAAA,UAEX,UAAA,gBAAAP;AAAA,YAAC6B;AAAA,YAAA;AAAA,cACC,KAAKd;AAAA,cACL,KAAKC;AAAA,cACL,MAAK;AAAA,cACL,QAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACR;AAAA,MAAA;AAAA,IACF,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/global-header/GlobalHeader.module.css

@@ -1 +0,0 @@
-._global-header_r14zh_2{position:relative;display:grid;align-items:center;width:100%;height:40px;padding:0 var(--spacing-xxxxs);background:var(--sidebar-header-bg)}._global-header--channels_r14zh_12{grid-template-columns:max-content minmax(0,1fr) max-content}._global-header--product-only_r14zh_15{grid-template-columns:auto minmax(0,1fr)}._global-header__left_r14zh_18{grid-column:1;grid-row:1;display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xxxs) var(--spacing-xs);flex-shrink:0}._global-header__product_r14zh_27{display:flex;align-items:center;gap:var(--spacing-xxxs);padding:2px 0}._global-header__product-icon_r14zh_33{display:inline-flex;align-items:center;justify-content:center;padding:2px;color:var(--sidebar-text);opacity:.64}._global-header__product-name_r14zh_41{margin:0;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:rgba(var(--sidebar-text-rgb),.64);white-space:nowrap}._global-header__navigator_r14zh_50{display:flex;align-items:center;gap:var(--spacing-xxxs)}._global-header__center_r14zh_55{grid-column:2;grid-row:1;justify-self:center;display:flex;align-items:center;gap:var(--spacing-xxxs);padding:var(--spacing-xxxxs) 0 var(--spacing-xxxxs) var(--spacing-xxxs);min-width:0;width:max-content;max-width:100%}._global-header__search_r14zh_67{display:flex;align-items:center;gap:var(--spacing-xs);width:432px;height:28px;padding:var(--spacing-xs) var(--spacing-m) var(--spacing-xs) var(--spacing-xs);background:rgba(var(--sidebar-text-rgb),.08);border-radius:var(--radius-s);cursor:text;transition:background-color var(--duration-quick) var(--ease-transition)}._global-header__search_r14zh_67:hover{background:rgba(var(--sidebar-text-rgb),.12)}._global-header__search-icon_r14zh_82{display:inline-flex;align-items:center;flex-shrink:0;color:rgba(var(--sidebar-text-rgb),.64)}._global-header__search-input_r14zh_88{flex:1 1 0;min-width:0;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);letter-spacing:.02em;color:var(--sidebar-text)}._global-header__search-input_r14zh_88:focus{outline:none}._global-header__search-input_r14zh_88::placeholder{color:rgba(var(--sidebar-text-rgb),.64)}._global-header__right_r14zh_108{grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-xxxs);padding:0 var(--spacing-xs);flex-shrink:0}._global-header--channels_r14zh_12 ._global-header__right_r14zh_108{grid-column:3}._global-header--product-only_r14zh_15 ._global-header__right_r14zh_108{grid-column:2}._global-header__account_r14zh_123{--status-badge-bg: var(--sidebar-header-bg);display:inline-flex;align-items:center;padding:var(--spacing-xxxxs) var(--spacing-xs);background:transparent;border:0;border-radius:var(--radius-s);cursor:pointer;transition:background-color var(--duration-quick) var(--ease-transition)}._global-header__account_r14zh_123:hover{background:rgba(var(--sidebar-text-rgb),.08)}

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./GlobalHeader.module.css');const _={"global-header":"_global-header_r14zh_2","global-header--channels":"_global-header--channels_r14zh_12","global-header--product-only":"_global-header--product-only_r14zh_15","global-header__left":"_global-header__left_r14zh_18","global-header__product":"_global-header__product_r14zh_27","global-header__product-icon":"_global-header__product-icon_r14zh_33","global-header__product-name":"_global-header__product-name_r14zh_41","global-header__navigator":"_global-header__navigator_r14zh_50","global-header__center":"_global-header__center_r14zh_55","global-header__search":"_global-header__search_r14zh_67","global-header__search-icon":"_global-header__search-icon_r14zh_82","global-header__search-input":"_global-header__search-input_r14zh_88","global-header__right":"_global-header__right_r14zh_108","global-header__account":"_global-header__account_r14zh_123"};exports.default=_;
-//# sourceMappingURL=GlobalHeader.module.scss.cjs.map

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

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

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

@@ -1,20 +0,0 @@
-import './GlobalHeader.module.css';const _ = {
-  "global-header": "_global-header_r14zh_2",
-  "global-header--channels": "_global-header--channels_r14zh_12",
-  "global-header--product-only": "_global-header--product-only_r14zh_15",
-  "global-header__left": "_global-header__left_r14zh_18",
-  "global-header__product": "_global-header__product_r14zh_27",
-  "global-header__product-icon": "_global-header__product-icon_r14zh_33",
-  "global-header__product-name": "_global-header__product-name_r14zh_41",
-  "global-header__navigator": "_global-header__navigator_r14zh_50",
-  "global-header__center": "_global-header__center_r14zh_55",
-  "global-header__search": "_global-header__search_r14zh_67",
-  "global-header__search-icon": "_global-header__search-icon_r14zh_82",
-  "global-header__search-input": "_global-header__search-input_r14zh_88",
-  "global-header__right": "_global-header__right_r14zh_108",
-  "global-header__account": "_global-header__account_r14zh_123"
-};
-export {
-  _ as default
-};
-//# sourceMappingURL=GlobalHeader.module.scss.js.map

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

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

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./GlobalHeader.cjs");exports.GlobalHeader=e.default;
-//# sourceMappingURL=index.cjs.map

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

@@ -1,3 +0,0 @@
-export { default as GlobalHeader } from './GlobalHeader';
-export type { GlobalHeaderProps, GlobalHeaderProduct } from './GlobalHeader';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/global-header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC"}

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

@@ -1,5 +0,0 @@
-import { default as l } from "./GlobalHeader.js";
-export {
-  l as GlobalHeader
-};
-//# sourceMappingURL=index.js.map

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

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

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

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

package/dist/components/help-menu/HelpMenu.d.ts

@@ -1,8 +0,0 @@
-import { HTMLAttributes } from 'react';
-export interface HelpMenuProps extends HTMLAttributes<HTMLDivElement> {
-}
-/**
- * Global header help menu — docs, community, and shortcuts.
- */
-export default function HelpMenu({ className, style, ...rest }: HelpMenuProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=HelpMenu.d.ts.map

package/dist/components/help-menu/HelpMenu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HelpMenu.d.ts","sourceRoot":"","sources":["../../../src/components/help-menu/HelpMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAY5C,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;CAAG;AAExE;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,SAAc,EACd,KAAK,EACL,GAAG,IAAI,EACR,EAAE,aAAa,2CA+Bf"}

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

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

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

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

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./HelpMenu.cjs");exports.HelpMenu=e.default;
-//# sourceMappingURL=index.cjs.map

package/dist/components/help-menu/index.d.ts

@@ -1,3 +0,0 @@
-export { default as HelpMenu } from './HelpMenu';
-export type { HelpMenuProps } from './HelpMenu';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/help-menu/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/help-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

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

@@ -1,5 +0,0 @@
-import { default as f } from "./HelpMenu.js";
-export {
-  f as HelpMenu
-};
-//# sourceMappingURL=index.js.map

package/dist/components/icon/Icon.module.css

@@ -1 +0,0 @@
-._icon_1i355_2{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}._icon__glyph-area_1i355_9{position:relative;overflow:visible;flex-shrink:0}._icon__glyph-area_1i355_9>*{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;max-width:none}._icon--size-10_1i355_22,._icon--size-10_1i355_22 ._icon__glyph-area_1i355_9{width:var(--icon-size-10);height:var(--icon-size-10)}._icon--size-12_1i355_30,._icon--size-12_1i355_30 ._icon__glyph-area_1i355_9{width:var(--icon-size-12);height:var(--icon-size-12)}._icon--size-16_1i355_38,._icon--size-16_1i355_38 ._icon__glyph-area_1i355_9{width:var(--icon-size-16);height:var(--icon-size-16)}._icon--size-20_1i355_46,._icon--size-20_1i355_46 ._icon__glyph-area_1i355_9{width:var(--icon-size-20);height:var(--icon-size-20)}._icon--size-24_1i355_54,._icon--size-24_1i355_54 ._icon__glyph-area_1i355_9{width:var(--icon-size-24);height:var(--icon-size-24)}._icon--size-28_1i355_62,._icon--size-28_1i355_62 ._icon__glyph-area_1i355_9{width:var(--icon-size-28);height:var(--icon-size-28)}._icon--size-32_1i355_70,._icon--size-32_1i355_70 ._icon__glyph-area_1i355_9{width:var(--icon-size-32);height:var(--icon-size-32)}._icon--size-40_1i355_78,._icon--size-40_1i355_78 ._icon__glyph-area_1i355_9{width:var(--icon-size-40);height:var(--icon-size-40)}._icon--size-52_1i355_86,._icon--size-52_1i355_86 ._icon__glyph-area_1i355_9{width:var(--icon-size-52);height:var(--icon-size-52)}._icon--size-64_1i355_94,._icon--size-64_1i355_94 ._icon__glyph-area_1i355_9{width:var(--icon-size-64);height:var(--icon-size-64)}._icon--size-104_1i355_102,._icon--size-104_1i355_102 ._icon__glyph-area_1i355_9{width:var(--icon-size-104);height:var(--icon-size-104)}

package/dist/components/icon-button/IconButton.module.css

@@ -1 +0,0 @@
-._icon-button_1klqk_2{--icon-button-focus-ring-color: var(--button-bg);box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family-body);border-radius:var(--radius-s);border:1px solid transparent;cursor:pointer;transition:background-color var(--duration-quick) var(--ease-transition),border-color var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition);background-color:transparent;color:rgba(var(--center-channel-color-rgb),.64)}._icon-button_1klqk_2:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 2px var(--icon-button-focus-ring-color);opacity:0;transform:scale(.94);transition:opacity var(--duration-quick) var(--ease-entrance),transform var(--duration-quick) var(--ease-entrance)}._icon-button_1klqk_2:focus-visible{outline:none}._icon-button_1klqk_2:focus-visible:not(:disabled):after{opacity:1;transform:scale(1)}._icon-button_1klqk_2:not(:focus-visible):after{transition:opacity var(--duration-quick) var(--ease-exit),transform var(--duration-quick) var(--ease-exit)}._icon-button_1klqk_2:disabled{cursor:not-allowed;opacity:.5}._icon-button_1klqk_2:hover:not(:disabled):not(:active):not(._icon-button--active_1klqk_42):not(._icon-button--toggled_1klqk_42){background-color:rgba(var(--center-channel-color-rgb),.08);color:rgba(var(--center-channel-color-rgb),.75)}._icon-button_1klqk_2:active:not(:disabled):not(._icon-button--toggled_1klqk_42){background-color:rgba(var(--button-bg-rgb),.08);color:var(--link-color)}._icon-button__icon-slot_1klqk_50{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}._icon-button__unread-badge_1klqk_57{position:absolute;top:-1px;right:-1px;width:6px;height:6px;border-radius:var(--radius-full);background-color:var(--sidebar-text-active-border);box-shadow:0 0 0 2px var(--center-channel-bg);pointer-events:none}._icon-button__count_1klqk_68{font-weight:var(--font-weight-semibold);color:inherit}._icon-button--size-x-small_1klqk_72{width:24px;height:24px;padding:var(--spacing-xxs)}._icon-button--size-x-small_1klqk_72 ._icon-button__count_1klqk_68{font-size:var(--font-size-75);line-height:12px}._icon-button--size-x-small_1klqk_72._icon-button--padding-compact_1klqk_81{width:20px;height:20px;padding:var(--spacing-xxxs)}._icon-button--size-small_1klqk_86{width:32px;height:32px;padding:var(--spacing-xs)}._icon-button--size-small_1klqk_86 ._icon-button__count_1klqk_68{font-size:var(--font-size-100);line-height:14px}._icon-button--size-small_1klqk_86._icon-button--padding-compact_1klqk_81{width:28px;height:28px;padding:var(--spacing-xxs)}._icon-button--size-medium_1klqk_100{width:40px;height:40px;padding:var(--spacing-s)}._icon-button--size-medium_1klqk_100 ._icon-button__count_1klqk_68{font-size:var(--font-size-200);line-height:16px}._icon-button--size-medium_1klqk_100._icon-button--padding-compact_1klqk_81{width:36px;height:36px;padding:var(--spacing-xs)}._icon-button--size-large_1klqk_114{width:48px;height:48px;padding:var(--spacing-m)}._icon-button--size-large_1klqk_114 ._icon-button__count_1klqk_68{font-size:var(--font-size-300);line-height:18px}._icon-button--size-large_1klqk_114._icon-button--padding-compact_1klqk_81{width:44px;height:44px;padding:var(--spacing-s)}._icon-button--has-count_1klqk_128{width:auto;gap:var(--spacing-xxxs)}._icon-button--rounded_1klqk_132{border-radius:var(--radius-full)}._icon-button--active_1klqk_42:not(:disabled){background-color:rgba(var(--button-bg-rgb),.08);color:var(--link-color)}._icon-button--active_1klqk_42:not(:disabled):hover:not(:disabled):not(:active){background-color:rgba(var(--button-bg-rgb),.12);color:var(--link-color)}._icon-button--active_1klqk_42:not(:disabled):active:not(:disabled){background-color:rgba(var(--button-bg-rgb),.16);color:var(--link-color)}._icon-button--toggled_1klqk_42{--icon-button-focus-ring-inner: var(--center-channel-bg);--icon-button-focus-ring-outer: var(--button-bg);background-color:var(--button-bg);color:var(--button-color)}._icon-button--toggled_1klqk_42:hover:not(:disabled):not(:active){background-color:color-mix(in srgb,black 8%,var(--button-bg));color:var(--button-color)}._icon-button--toggled_1klqk_42:active:not(:disabled){background-color:color-mix(in srgb,black 16%,var(--button-bg));color:var(--button-color)}._icon-button--toggled_1klqk_42 ._icon-button__unread-badge_1klqk_57{box-shadow:0 0 0 2px var(--button-bg)}._icon-button--toggled_1klqk_42:after{box-shadow:0 0 0 3px var(--icon-button-focus-ring-inner),0 0 0 5px var(--icon-button-focus-ring-outer)}._icon-button--style-inverted_1klqk_167{background-color:transparent;color:rgba(var(--sidebar-text-rgb),.64)}._icon-button--style-inverted_1klqk_167 ._icon-button__unread-badge_1klqk_57{box-shadow:0 0 0 2px var(--sidebar-header-bg)}._icon-button--style-inverted_1klqk_167:hover:not(:disabled):not(:active):not(._icon-button--toggled_1klqk_42):not(._icon-button--active_1klqk_42){background-color:rgba(var(--sidebar-text-rgb),.08);color:var(--sidebar-text)}._icon-button--style-inverted_1klqk_167:active:not(:disabled):not(._icon-button--toggled_1klqk_42){background-color:rgba(var(--button-bg-rgb),.08);color:var(--link-color)}._icon-button--style-inverted_1klqk_167._icon-button--active_1klqk_42:not(:disabled){background-color:rgba(var(--button-bg-rgb),.08);color:var(--link-color)}._icon-button--style-inverted_1klqk_167._icon-button--active_1klqk_42:not(:disabled):hover:not(:disabled):not(:active){background-color:rgba(var(--button-bg-rgb),.12);color:var(--link-color)}._icon-button--style-inverted_1klqk_167._icon-button--active_1klqk_42:not(:disabled):active:not(:disabled){background-color:rgba(var(--button-bg-rgb),.16);color:var(--link-color)}._icon-button--style-inverted_1klqk_167._icon-button--toggled_1klqk_42{--icon-button-focus-ring-inner: var(--sidebar-bg);--icon-button-focus-ring-outer: var(--button-bg);background-color:var(--sidebar-text);color:var(--sidebar-bg)}._icon-button--style-inverted_1klqk_167._icon-button--toggled_1klqk_42:hover:not(:disabled):not(:active){background-color:rgba(var(--sidebar-text-rgb),.92);color:var(--sidebar-bg)}._icon-button--style-inverted_1klqk_167._icon-button--toggled_1klqk_42:active:not(:disabled){background-color:rgba(var(--sidebar-text-rgb),.88);color:var(--sidebar-bg)}._icon-button--style-inverted_1klqk_167._icon-button--toggled_1klqk_42 ._icon-button__unread-badge_1klqk_57{box-shadow:0 0 0 2px var(--sidebar-text)}._icon-button--style-inverted_1klqk_167._icon-button--destructive_1klqk_211{--icon-button-focus-ring-color: var(--error-text, var(--color-danger));background-color:transparent;color:var(--error-text, var(--color-danger))}._icon-button--style-inverted_1klqk_167._icon-button--destructive_1klqk_211:hover:not(:disabled):not(:active){background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.08);color:var(--error-text, var(--color-danger))}._icon-button--style-inverted_1klqk_167._icon-button--destructive_1klqk_211:active:not(:disabled):not(._icon-button--toggled_1klqk_42){background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.16);color:var(--error-text, var(--color-danger))}._icon-button--destructive_1klqk_211{--icon-button-focus-ring-color: var(--error-text, var(--color-danger));background-color:transparent;color:var(--error-text, var(--color-danger))}._icon-button--destructive_1klqk_211:hover:not(:disabled):not(:active){background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.08);color:var(--error-text, var(--color-danger))}._icon-button--destructive_1klqk_211:active:not(:disabled):not(._icon-button--toggled_1klqk_42){background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.16);color:var(--error-text, var(--color-danger))}

package/dist/components/illustration/Illustration.module.css

@@ -1 +0,0 @@
-._illustration_xetnl_2{display:inline-block;line-height:0}._illustration_xetnl_2 svg{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}

package/dist/components/image-preview/ImagePreview.module.css

@@ -1 +0,0 @@
-._image-preview_y3zdk_2{display:flex;flex-direction:column;align-items:flex-start;max-width:100%;min-width:0}._image-preview__stage_y3zdk_9{display:grid;align-items:start;container-type:inline-size;width:428px;max-width:100%}._image-preview__stage_y3zdk_9>*{grid-area:1/1}._image-preview__frame_y3zdk_19{position:relative;box-sizing:border-box;border:1px solid rgba(var(--center-channel-color-rgb),.08);border-radius:var(--radius-s);overflow:hidden;width:100%;height:0;opacity:0;transform:scale(.98);transform-origin:top left;pointer-events:none;transition:opacity var(--duration-quick) var(--ease-exit),transform var(--duration-quick) var(--ease-exit),height var(--duration-quick) var(--ease-exit),border-color var(--duration-quick) var(--ease-exit),box-shadow var(--duration-quick) var(--ease-exit)}._image-preview__frame--visible_y3zdk_33{height:56.25cqw;opacity:1;transform:scale(1);pointer-events:auto;overflow:visible;transition:opacity var(--duration-quick) var(--ease-entrance),transform var(--duration-quick) var(--ease-entrance),height var(--duration-quick) var(--ease-entrance),box-shadow var(--duration-quick) var(--ease-transition),border-color var(--duration-quick) var(--ease-transition)}._image-preview__frame_y3zdk_19:not(._image-preview__frame--visible_y3zdk_33){border-color:transparent;box-shadow:none}._image-preview__frame_y3zdk_19:hover{box-shadow:var(--elevation-2);border-color:rgba(var(--center-channel-color-rgb),.24);cursor:pointer}._image-preview__media_y3zdk_50{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:calc(var(--radius-s) - 1px)}._image-preview--ratio-4-3_y3zdk_56 ._image-preview__stage_y3zdk_9{width:320px}._image-preview--ratio-4-3_y3zdk_56 ._image-preview__frame--visible_y3zdk_33{height:75cqw}._image-preview--ratio-1-1_y3zdk_62 ._image-preview__stage_y3zdk_9{width:240px}._image-preview--ratio-1-1_y3zdk_62 ._image-preview__frame--visible_y3zdk_33{height:100cqw}._image-preview__img_y3zdk_68{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}._image-preview__actions_y3zdk_77{position:absolute;top:var(--spacing-s);right:var(--spacing-s);display:flex;gap:0;background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.08);border-radius:var(--radius-s);box-shadow:var(--elevation-1);padding:var(--spacing-xxxxs);opacity:0;transition:opacity var(--duration-quick) var(--ease-transition)}._image-preview__frame_y3zdk_19:hover ._image-preview__actions_y3zdk_77{opacity:1}._image-preview__collapse-btn_y3zdk_94{position:absolute;top:-4px;left:-4px;display:flex;align-items:center;justify-content:center;background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.16);border-radius:var(--radius-full);box-shadow:var(--elevation-1);padding:var(--spacing-xxxs);cursor:pointer;color:var(--center-channel-color);opacity:0;transition:opacity var(--duration-quick) var(--ease-transition)}._image-preview__frame_y3zdk_19:hover ._image-preview__collapse-btn_y3zdk_94{opacity:1}._image-preview--collapsed_y3zdk_114{min-height:0}._image-preview__collapsed-trigger_y3zdk_117{background:transparent;border:none;cursor:pointer;padding:0;opacity:0;transform:translateY(-2px);transition:opacity var(--duration-quick) var(--ease-exit),transform var(--duration-quick) var(--ease-exit)}._image-preview__collapsed-trigger--visible_y3zdk_126{opacity:1;transform:translateY(0);transition:opacity var(--duration-quick) var(--ease-entrance),transform var(--duration-quick) var(--ease-entrance)}._image-preview__show-label_y3zdk_131{display:flex;align-items:center;gap:1px;padding-right:var(--spacing-s);border-radius:var(--radius-s);font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:15px;color:rgba(var(--center-channel-color-rgb),.75)}._image-preview__show-icon_y3zdk_142{display:inline-flex;align-items:center;width:var(--icon-size-12);font-size:var(--font-size-100);color:rgba(var(--center-channel-color-rgb),.75)}

package/dist/components/link-preview/LinkPreview.module.css

@@ -1 +0,0 @@
-._link-preview_1dlj9_2{--link-preview-dismiss-size: 20px;--link-preview-dismiss-outset: calc( var(--link-preview-dismiss-size) + var(--spacing-xxxs) );display:flex;align-items:flex-start;max-width:700px;position:relative}._link-preview__dismiss-bridge_1dlj9_12{position:absolute;top:calc(-1 * var(--link-preview-dismiss-outset));bottom:0;left:calc(-1 * var(--link-preview-dismiss-outset));width:var(--link-preview-dismiss-outset);z-index:1;pointer-events:none}._link-preview__dismiss_1dlj9_12{position:absolute;top:0;left:calc(-1 * var(--spacing-xxl));z-index:2;opacity:0;pointer-events:none;transition:opacity var(--duration-quick) var(--ease-transition)}._link-preview_1dlj9_2:hover ._link-preview__dismiss-bridge_1dlj9_12,._link-preview_1dlj9_2:focus-within ._link-preview__dismiss-bridge_1dlj9_12{pointer-events:auto}._link-preview_1dlj9_2:hover ._link-preview__dismiss_1dlj9_12,._link-preview_1dlj9_2:focus-within ._link-preview__dismiss_1dlj9_12{opacity:1;pointer-events:auto}._link-preview__card_1dlj9_37{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-1);display:flex;flex:1 0 0;align-items:flex-start;min-width:0;padding:var(--spacing-l);transition:box-shadow var(--duration-quick) var(--ease-transition),border-color var(--duration-quick) var(--ease-transition)}._link-preview__card_1dlj9_37:hover{box-shadow:var(--elevation-2);border-color:rgba(var(--center-channel-color-rgb),.24);cursor:pointer}._link-preview__card--small-image_1dlj9_54{gap:var(--spacing-m)}._link-preview__card--large-image_1dlj9_57{flex-direction:column;gap:var(--spacing-m)}._link-preview__card--collapsed-image_1dlj9_61{flex-direction:column;gap:var(--spacing-l)}._link-preview__text_1dlj9_65{display:flex;flex-direction:column;gap:var(--spacing-xxxs);align-items:flex-start;min-width:0;overflow:hidden}._link-preview__card--small-image_1dlj9_54 ._link-preview__text_1dlj9_65{flex:1 0 0}._link-preview__card--large-image_1dlj9_57 ._link-preview__text_1dlj9_65,._link-preview__card--collapsed-image_1dlj9_61 ._link-preview__text_1dlj9_65{flex:0 0 auto;width:100%}._link-preview__site-name_1dlj9_80{font-size:var(--font-size-50);font-weight:var(--font-weight-regular);line-height:var(--line-height-50);letter-spacing:.11px;color:rgba(var(--center-channel-color-rgb),.64);width:100%}._link-preview__title_1dlj9_88{font-size:var(--font-size-100);font-weight:var(--font-weight-semibold);line-height:var(--line-height-100);color:var(--link-color);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%}._link-preview__description_1dlj9_99{font-size:var(--font-size-100);font-weight:var(--font-weight-regular);line-height:var(--line-height-100);color:var(--center-channel-color);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%}._link-preview__thumbnail_1dlj9_110{flex-shrink:0;width:80px;height:80px;border-radius:var(--radius-s);overflow:hidden}._link-preview__thumbnail-img_1dlj9_117{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}._link-preview__image-preview_1dlj9_124{max-width:100%}

package/dist/components/mention-badge/MentionBadge.module.css

@@ -1 +0,0 @@
-._mention-badge_1uenr_2{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-m);font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);white-space:nowrap;background-color:var(--mention-bg);color:var(--mention-color)}._mention-badge--size-small_1uenr_13{font-size:var(--font-size-25);line-height:11px;padding:.5px 4.5px}._mention-badge--size-medium_1uenr_18{font-size:var(--font-size-50);line-height:var(--line-height-50);letter-spacing:.22px;padding:0 var(--_mb-px-m, 5.5px)}._mention-badge--size-large_1uenr_24{font-size:var(--font-size-75);line-height:15px;padding:1.5px var(--_mb-px-l, 5.5px);border-radius:10px}._mention-badge--digits-1_1uenr_30{--_mb-px-m: 6.5px;--_mb-px-l: 7.5px}._mention-badge--digits-3_1uenr_34{--_mb-px-m: 4.5px;--_mb-px-l: 4px}._mention-badge--location-menu-item_1uenr_38{background-color:rgba(var(--center-channel-color-rgb),.48);color:var(--center-channel-bg)}._mention-badge--location-icon-button_1uenr_42{background-color:var(--sidebar-text-active-border);color:var(--button-color)}._mention-badge--location-channel_1uenr_46{background-color:var(--button-bg);color:var(--button-color)}

package/dist/components/menu-item/MenuItem.module.css

@@ -1 +0,0 @@
-._menu-item_174d8_2{display:flex;flex-direction:column;align-items:flex-start;padding:var(--spacing-xxs) var(--spacing-l);background-color:var(--center-channel-bg);border:none;width:100%;text-align:left;cursor:pointer;font-family:var(--font-family-body);color:var(--center-channel-color);transition:background-color var(--duration-quick) var(--ease-transition),box-shadow var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition)}._menu-item_174d8_2:focus-visible{outline:none;background-color:var(--center-channel-bg);box-shadow:inset 0 0 0 2px var(--sidebar-text-active-border)}._menu-item_174d8_2:hover:not(:disabled){background-color:rgba(var(--center-channel-color-rgb),.08)}._menu-item_174d8_2:active:not(:disabled){background-color:rgba(var(--button-bg-rgb),.08)}._menu-item--active_174d8_27:not(:disabled){background-color:rgba(var(--button-bg-rgb),.08)}._menu-item--active_174d8_27:not(:disabled) ._menu-item__leading-visual_174d8_30,._menu-item--active_174d8_27:not(:disabled) ._menu-item__trailing-visual_174d8_31{color:rgba(var(--center-channel-color-rgb),.72)}._menu-item--active_174d8_27:hover:not(:disabled){background-color:rgba(var(--button-bg-rgb),.12)}._menu-item--active_174d8_27:focus-visible:not(:disabled){background-color:rgba(var(--button-bg-rgb),.08);box-shadow:inset 0 0 0 2px var(--sidebar-text-active-border)}._menu-item_174d8_2:disabled{cursor:not-allowed}._menu-item_174d8_2:disabled ._menu-item__content_174d8_44{opacity:.4}._menu-item__content_174d8_44{display:flex;gap:var(--spacing-xxs);align-items:flex-start;width:100%}._menu-item__left_174d8_53{display:flex;align-items:center;flex-shrink:0}._menu-item__leading-visual_174d8_30,._menu-item__trailing-visual_174d8_31{display:flex;align-items:center;padding:var(--spacing-xxxs);flex-shrink:0;color:rgba(var(--center-channel-color-rgb),.64)}._menu-item__trailing-visual--check_174d8_65{color:var(--button-bg)}._menu-item__middle_174d8_68{flex:1 0 0;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-xxxs);align-items:flex-start;justify-content:center;padding-top:var(--spacing-xxxxs);padding-bottom:var(--spacing-xxxxs)}._menu-item__top-row_174d8_79{display:flex;gap:var(--spacing-xs);align-items:center;padding-inline:var(--spacing-xxxs);width:100%;flex-shrink:0}._menu-item__label_174d8_87{font-size:var(--font-size-100);line-height:var(--line-height-100);font-weight:var(--font-weight-regular);white-space:nowrap;flex-shrink:0}._menu-item__secondary-label-inline_174d8_94{font-size:var(--font-size-75);line-height:var(--line-height-75);font-weight:var(--font-weight-regular);opacity:.75;white-space:nowrap;flex-shrink:0}._menu-item__bottom-row_174d8_102{display:flex;align-items:center;padding:0 var(--spacing-xxxs) var(--spacing-xxxxs);width:100%;flex-shrink:0}._menu-item__secondary-label-below_174d8_109{display:flex;align-items:center;font-size:var(--font-size-75);line-height:var(--line-height-75);font-weight:var(--font-weight-regular);opacity:.75;flex:1 0 0;min-width:0;text-align:left}._menu-item__custom-status_174d8_120{display:flex;align-items:center;font-size:var(--font-size-200);line-height:1;flex-shrink:0;opacity:.8;-webkit-user-select:none;user-select:none}._menu-item__right_174d8_129{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}._menu-item--destructive_174d8_135,._menu-item--destructive_174d8_135 ._menu-item__leading-visual_174d8_30,._menu-item--destructive_174d8_135 ._menu-item__trailing-visual_174d8_31{color:var(--error-text, var(--color-danger))}._menu-item--destructive_174d8_135:hover:not(:disabled){background-color:var(--error-text, var(--color-danger));color:var(--button-color)}._menu-item--destructive_174d8_135:hover:not(:disabled) ._menu-item__leading-visual_174d8_30,._menu-item--destructive_174d8_135:hover:not(:disabled) ._menu-item__trailing-visual_174d8_31{color:inherit}._menu-item--destructive_174d8_135:active:not(:disabled){background:linear-gradient(0deg,#0000001a,#0000001a),var(--error-text, var(--color-danger));color:var(--button-color)}._menu-item--destructive_174d8_135:active:not(:disabled) ._menu-item__leading-visual_174d8_30,._menu-item--destructive_174d8_135:active:not(:disabled) ._menu-item__trailing-visual_174d8_31{color:inherit}._menu-item--destructive_174d8_135:focus-visible{background-color:var(--error-text, var(--color-danger));box-shadow:inset 0 0 0 2px rgba(var(--color-neutral-0-rgb),.6);color:var(--button-color)}._menu-item--destructive_174d8_135:focus-visible ._menu-item__leading-visual_174d8_30,._menu-item--destructive_174d8_135:focus-visible ._menu-item__trailing-visual_174d8_31{color:inherit}

package/dist/components/message/Message.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("../user-avatar/UserAvatar.cjs"),v=require("../message-header/MessageHeader.cjs"),h=require("../message-actions/MessageActions.cjs"),N=require("../pinned-saved-indicators/PinnedSavedIndicators.cjs"),s=require("./Message.module.scss.cjs");function q({avatarSrc:t,avatarAlt:c,username:i,timestamp:r,isBot:n=!1,botLabel:u,messageActionsType:o="center-channel",showMessageActions:m=!0,showPinnedSavedIndicators:_=!1,className:f="",children:j,linkPreview:a,imagePreviews:l,footer:d}){const g=[s.default.message,f].filter(Boolean).join(" ");return e.jsxs("div",{className:g,children:[_&&e.jsx("div",{className:s.default.message__pinned,children:e.jsx(N.default,{})}),e.jsxs("div",{className:s.default.message__layout,children:[e.jsx("div",{className:s.default["message__avatar-col"],children:e.jsx(x.default,{src:t,alt:c,size:"32"})}),e.jsxs("div",{className:s.default.message__content,children:[e.jsxs("div",{className:s.default["message__header-row"],children:[e.jsx("div",{className:s.default["message__header-block"],children:e.jsx(v.default,{username:i,timestamp:r,isBot:n,botLabel:u})}),m&&e.jsx("div",{className:s.default["message__actions-slot"],children:e.jsx(h.default,{type:o})})]}),e.jsxs("div",{className:s.default.message__body,children:[j,a!=null&&e.jsx("div",{className:s.default["message__link-preview-slot"],children:a}),l!=null&&e.jsx("div",{className:s.default["message__images-slot"],children:l}),d!=null&&e.jsx("div",{className:s.default["message__footer-slot"],children:d})]})]})]})]})}exports.default=q;
-//# sourceMappingURL=Message.cjs.map

package/dist/components/message/Message.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Message.cjs","sources":["../../../src/components/message/Message.tsx"],"sourcesContent":["import React from 'react';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport MessageHeader from '@/components/message-header/MessageHeader';\nimport MessageActions from '@/components/message-actions/MessageActions';\nimport type { MessageActionsType } from '@/components/message-actions/MessageActions';\nimport PinnedSavedIndicators from '@/components/pinned-saved-indicators/PinnedSavedIndicators';\nimport styles from './Message.module.scss';\n\ntype MessageProps = {\n  avatarSrc?: string;\n  avatarAlt: string;\n  username: string;\n  timestamp: string;\n  isBot?: boolean;\n  botLabel?: string;\n  /** Hover toolbar context. Default: Center Channel. */\n  messageActionsType?: MessageActionsType;\n  /** When false, the hover Message Actions toolbar is omitted. Default: true. */\n  showMessageActions?: boolean;\n  /** When true, Pinned + Saved row appears at the top of the message container. */\n  showPinnedSavedIndicators?: boolean;\n  /** Merged onto the root element (e.g. documentation modifiers). */\n  className?: string;\n  /**\n   * Primary body content (e.g. message text). When using structured slots, this\n   * is usually the markdown/text block only. For plain `<p>` copy, use the\n   * `message__body-text` class from `Message.module.scss` so typography matches\n   * the component and host shells (docs, patterns) cannot restyle bare tags.\n   */\n  children: React.ReactNode;\n  /** Link Preview block — renders after `children`. */\n  linkPreview?: React.ReactNode;\n  /** Image Preview block(s) — renders after the link preview slot. */\n  imagePreviews?: React.ReactNode;\n  /** Trailing body content — e.g. attachments and reactions — renders last. */\n  footer?: React.ReactNode;\n};\n\nexport default function Message({\n  avatarSrc,\n  avatarAlt,\n  username,\n  timestamp,\n  isBot = false,\n  botLabel,\n  messageActionsType = 'center-channel',\n  showMessageActions = true,\n  showPinnedSavedIndicators = false,\n  className = '',\n  children,\n  linkPreview,\n  imagePreviews,\n  footer,\n}: MessageProps) {\n  const rootClass = [styles.message, className].filter(Boolean).join(' ');\n\n  return (\n    <div className={rootClass}>\n      {showPinnedSavedIndicators && (\n        <div className={styles['message__pinned']}>\n          <PinnedSavedIndicators />\n        </div>\n      )}\n      <div className={styles['message__layout']}>\n        <div className={styles['message__avatar-col']}>\n          <UserAvatar src={avatarSrc} alt={avatarAlt} size=\"32\" />\n        </div>\n        <div className={styles['message__content']}>\n          <div className={styles['message__header-row']}>\n            <div className={styles['message__header-block']}>\n              <MessageHeader\n                username={username}\n                timestamp={timestamp}\n                isBot={isBot}\n                botLabel={botLabel}\n              />\n            </div>\n            {showMessageActions && (\n              <div className={styles['message__actions-slot']}>\n                <MessageActions type={messageActionsType} />\n              </div>\n            )}\n          </div>\n          <div className={styles['message__body']}>\n            {children}\n            {linkPreview != null && (\n              <div className={styles['message__link-preview-slot']}>\n                {linkPreview}\n              </div>\n            )}\n            {imagePreviews != null && (\n              <div className={styles['message__images-slot']}>{imagePreviews}</div>\n            )}\n            {footer != null && (\n              <div className={styles['message__footer-slot']}>{footer}</div>\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["Message","avatarSrc","avatarAlt","username","timestamp","isBot","botLabel","messageActionsType","showMessageActions","showPinnedSavedIndicators","className","children","linkPreview","imagePreviews","footer","rootClass","styles","jsxs","jsx","PinnedSavedIndicators","UserAvatar","MessageHeader","MessageActions"],"mappings":"oYAsCA,SAAwBA,EAAQ,CAC9B,UAAAC,EACA,UAAAC,EACA,SAAAC,EACA,UAAAC,EACA,MAAAC,EAAQ,GACR,SAAAC,EACA,mBAAAC,EAAqB,iBACrB,mBAAAC,EAAqB,GACrB,0BAAAC,EAA4B,GAC5B,UAAAC,EAAY,GACZ,SAAAC,EACA,YAAAC,EACA,cAAAC,EACA,OAAAC,CACF,EAAiB,CACf,MAAMC,EAAY,CAACC,EAAAA,QAAO,QAASN,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAEtE,OACEO,EAAAA,KAAC,MAAA,CAAI,UAAWF,EACb,SAAA,CAAAN,GACCS,EAAAA,IAAC,OAAI,UAAWF,EAAAA,QAAO,gBACrB,SAAAE,EAAAA,IAACC,YAAsB,CAAA,CACzB,EAEFF,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,gBACrB,SAAA,CAAAE,EAAAA,IAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,qBAAqB,EAC1C,SAAAE,EAAAA,IAACE,EAAAA,QAAA,CAAW,IAAKnB,EAAW,IAAKC,EAAW,KAAK,KAAK,EACxD,EACAe,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,iBACrB,SAAA,CAAAC,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,qBAAqB,EAC1C,SAAA,CAAAE,EAAAA,IAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,uBAAuB,EAC5C,SAAAE,EAAAA,IAACG,EAAAA,QAAA,CACC,SAAAlB,EACA,UAAAC,EACA,MAAAC,EACA,SAAAC,CAAA,CAAA,EAEJ,EACCE,GACCU,EAAAA,IAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,uBAAuB,EAC5C,SAAAE,EAAAA,IAACI,EAAAA,QAAA,CAAe,KAAMf,CAAA,CAAoB,CAAA,CAC5C,CAAA,EAEJ,EACAU,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,cACpB,SAAA,CAAAL,EACAC,GAAe,MACdM,MAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,4BAA4B,EAChD,SAAAJ,EACH,EAEDC,GAAiB,MAChBK,MAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,sBAAsB,EAAI,SAAAH,EAAc,EAEhEC,GAAU,MACTI,EAAAA,IAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,sBAAsB,EAAI,SAAAF,CAAA,CAAO,CAAA,CAAA,CAE5D,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,EACF,CAEJ"}

package/dist/components/message/Message.d.ts

@@ -1,34 +0,0 @@
-import { default as React } from 'react';
-import { MessageActionsType } from '../MessageActions/MessageActions';
-type MessageProps = {
-    avatarSrc?: string;
-    avatarAlt: string;
-    username: string;
-    timestamp: string;
-    isBot?: boolean;
-    botLabel?: string;
-    /** Hover toolbar context. Default: Center Channel. */
-    messageActionsType?: MessageActionsType;
-    /** When false, the hover Message Actions toolbar is omitted. Default: true. */
-    showMessageActions?: boolean;
-    /** When true, Pinned + Saved row appears at the top of the message container. */
-    showPinnedSavedIndicators?: boolean;
-    /** Merged onto the root element (e.g. documentation modifiers). */
-    className?: string;
-    /**
-     * Primary body content (e.g. message text). When using structured slots, this
-     * is usually the markdown/text block only. For plain `<p>` copy, use the
-     * `message__body-text` class from `Message.module.scss` so typography matches
-     * the component and host shells (docs, patterns) cannot restyle bare tags.
-     */
-    children: React.ReactNode;
-    /** Link Preview block — renders after `children`. */
-    linkPreview?: React.ReactNode;
-    /** Image Preview block(s) — renders after the link preview slot. */
-    imagePreviews?: React.ReactNode;
-    /** Trailing body content — e.g. attachments and reactions — renders last. */
-    footer?: React.ReactNode;
-};
-export default function Message({ avatarSrc, avatarAlt, username, timestamp, isBot, botLabel, messageActionsType, showMessageActions, showPinnedSavedIndicators, className, children, linkPreview, imagePreviews, footer, }: MessageProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=Message.d.ts.map

package/dist/components/message/Message.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../src/components/message/Message.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAIrF,KAAK,YAAY,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sDAAsD;IACtD,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,+EAA+E;IAC/E,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iFAAiF;IACjF,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qDAAqD;IACrD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,oEAAoE;IACpE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,6EAA6E;IAC7E,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,SAAS,EACT,SAAS,EACT,QAAQ,EACR,SAAS,EACT,KAAa,EACb,QAAQ,EACR,kBAAqC,EACrC,kBAAyB,EACzB,yBAAiC,EACjC,SAAc,EACd,QAAQ,EACR,WAAW,EACX,aAAa,EACb,MAAM,GACP,EAAE,YAAY,2CAgDd"}

package/dist/components/message/Message.js

@@ -1,54 +0,0 @@
-import { jsxs as a, jsx as s } from "react/jsx-runtime";
-import p from "../user-avatar/UserAvatar.js";
-import u from "../message-header/MessageHeader.js";
-import y from "../message-actions/MessageActions.js";
-import j from "../pinned-saved-indicators/PinnedSavedIndicators.js";
-import e from "./Message.module.scss.js";
-function B({
-  avatarSrc: m,
-  avatarAlt: c,
-  username: d,
-  timestamp: n,
-  isBot: o = !1,
-  botLabel: t,
-  messageActionsType: _ = "center-channel",
-  showMessageActions: g = !0,
-  showPinnedSavedIndicators: h = !1,
-  className: v = "",
-  children: N,
-  linkPreview: l,
-  imagePreviews: r,
-  footer: i
-}) {
-  const f = [e.message, v].filter(Boolean).join(" ");
-  return /* @__PURE__ */ a("div", { className: f, children: [
-    h && /* @__PURE__ */ s("div", { className: e.message__pinned, children: /* @__PURE__ */ s(j, {}) }),
-    /* @__PURE__ */ a("div", { className: e.message__layout, children: [
-      /* @__PURE__ */ s("div", { className: e["message__avatar-col"], children: /* @__PURE__ */ s(p, { src: m, alt: c, size: "32" }) }),
-      /* @__PURE__ */ a("div", { className: e.message__content, children: [
-        /* @__PURE__ */ a("div", { className: e["message__header-row"], children: [
-          /* @__PURE__ */ s("div", { className: e["message__header-block"], children: /* @__PURE__ */ s(
-            u,
-            {
-              username: d,
-              timestamp: n,
-              isBot: o,
-              botLabel: t
-            }
-          ) }),
-          g && /* @__PURE__ */ s("div", { className: e["message__actions-slot"], children: /* @__PURE__ */ s(y, { type: _ }) })
-        ] }),
-        /* @__PURE__ */ a("div", { className: e.message__body, children: [
-          N,
-          l != null && /* @__PURE__ */ s("div", { className: e["message__link-preview-slot"], children: l }),
-          r != null && /* @__PURE__ */ s("div", { className: e["message__images-slot"], children: r }),
-          i != null && /* @__PURE__ */ s("div", { className: e["message__footer-slot"], children: i })
-        ] })
-      ] })
-    ] })
-  ] });
-}
-export {
-  B as default
-};
-//# sourceMappingURL=Message.js.map

package/dist/components/message/Message.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Message.js","sources":["../../../src/components/message/Message.tsx"],"sourcesContent":["import React from 'react';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport MessageHeader from '@/components/message-header/MessageHeader';\nimport MessageActions from '@/components/message-actions/MessageActions';\nimport type { MessageActionsType } from '@/components/message-actions/MessageActions';\nimport PinnedSavedIndicators from '@/components/pinned-saved-indicators/PinnedSavedIndicators';\nimport styles from './Message.module.scss';\n\ntype MessageProps = {\n  avatarSrc?: string;\n  avatarAlt: string;\n  username: string;\n  timestamp: string;\n  isBot?: boolean;\n  botLabel?: string;\n  /** Hover toolbar context. Default: Center Channel. */\n  messageActionsType?: MessageActionsType;\n  /** When false, the hover Message Actions toolbar is omitted. Default: true. */\n  showMessageActions?: boolean;\n  /** When true, Pinned + Saved row appears at the top of the message container. */\n  showPinnedSavedIndicators?: boolean;\n  /** Merged onto the root element (e.g. documentation modifiers). */\n  className?: string;\n  /**\n   * Primary body content (e.g. message text). When using structured slots, this\n   * is usually the markdown/text block only. For plain `<p>` copy, use the\n   * `message__body-text` class from `Message.module.scss` so typography matches\n   * the component and host shells (docs, patterns) cannot restyle bare tags.\n   */\n  children: React.ReactNode;\n  /** Link Preview block — renders after `children`. */\n  linkPreview?: React.ReactNode;\n  /** Image Preview block(s) — renders after the link preview slot. */\n  imagePreviews?: React.ReactNode;\n  /** Trailing body content — e.g. attachments and reactions — renders last. */\n  footer?: React.ReactNode;\n};\n\nexport default function Message({\n  avatarSrc,\n  avatarAlt,\n  username,\n  timestamp,\n  isBot = false,\n  botLabel,\n  messageActionsType = 'center-channel',\n  showMessageActions = true,\n  showPinnedSavedIndicators = false,\n  className = '',\n  children,\n  linkPreview,\n  imagePreviews,\n  footer,\n}: MessageProps) {\n  const rootClass = [styles.message, className].filter(Boolean).join(' ');\n\n  return (\n    <div className={rootClass}>\n      {showPinnedSavedIndicators && (\n        <div className={styles['message__pinned']}>\n          <PinnedSavedIndicators />\n        </div>\n      )}\n      <div className={styles['message__layout']}>\n        <div className={styles['message__avatar-col']}>\n          <UserAvatar src={avatarSrc} alt={avatarAlt} size=\"32\" />\n        </div>\n        <div className={styles['message__content']}>\n          <div className={styles['message__header-row']}>\n            <div className={styles['message__header-block']}>\n              <MessageHeader\n                username={username}\n                timestamp={timestamp}\n                isBot={isBot}\n                botLabel={botLabel}\n              />\n            </div>\n            {showMessageActions && (\n              <div className={styles['message__actions-slot']}>\n                <MessageActions type={messageActionsType} />\n              </div>\n            )}\n          </div>\n          <div className={styles['message__body']}>\n            {children}\n            {linkPreview != null && (\n              <div className={styles['message__link-preview-slot']}>\n                {linkPreview}\n              </div>\n            )}\n            {imagePreviews != null && (\n              <div className={styles['message__images-slot']}>{imagePreviews}</div>\n            )}\n            {footer != null && (\n              <div className={styles['message__footer-slot']}>{footer}</div>\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["Message","avatarSrc","avatarAlt","username","timestamp","isBot","botLabel","messageActionsType","showMessageActions","showPinnedSavedIndicators","className","children","linkPreview","imagePreviews","footer","rootClass","styles","jsxs","jsx","PinnedSavedIndicators","UserAvatar","MessageHeader","MessageActions"],"mappings":";;;;;;AAsCA,SAAwBA,EAAQ;AAAA,EAC9B,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,oBAAAC,IAAqB;AAAA,EACrB,oBAAAC,IAAqB;AAAA,EACrB,2BAAAC,IAA4B;AAAA,EAC5B,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AACF,GAAiB;AACf,QAAMC,IAAY,CAACC,EAAO,SAASN,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEtE,SACE,gBAAAO,EAAC,OAAA,EAAI,WAAWF,GACb,UAAA;AAAA,IAAAN,KACC,gBAAAS,EAAC,SAAI,WAAWF,EAAO,iBACrB,UAAA,gBAAAE,EAACC,KAAsB,EAAA,CACzB;AAAA,IAEF,gBAAAF,EAAC,OAAA,EAAI,WAAWD,EAAO,iBACrB,UAAA;AAAA,MAAA,gBAAAE,EAAC,OAAA,EAAI,WAAWF,EAAO,qBAAqB,GAC1C,UAAA,gBAAAE,EAACE,GAAA,EAAW,KAAKnB,GAAW,KAAKC,GAAW,MAAK,MAAK,GACxD;AAAA,MACA,gBAAAe,EAAC,OAAA,EAAI,WAAWD,EAAO,kBACrB,UAAA;AAAA,QAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,qBAAqB,GAC1C,UAAA;AAAA,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAWF,EAAO,uBAAuB,GAC5C,UAAA,gBAAAE;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,UAAAlB;AAAA,cACA,WAAAC;AAAA,cACA,OAAAC;AAAA,cACA,UAAAC;AAAA,YAAA;AAAA,UAAA,GAEJ;AAAA,UACCE,KACC,gBAAAU,EAAC,OAAA,EAAI,WAAWF,EAAO,uBAAuB,GAC5C,UAAA,gBAAAE,EAACI,GAAA,EAAe,MAAMf,EAAA,CAAoB,EAAA,CAC5C;AAAA,QAAA,GAEJ;AAAA,QACA,gBAAAU,EAAC,OAAA,EAAI,WAAWD,EAAO,eACpB,UAAA;AAAA,UAAAL;AAAA,UACAC,KAAe,QACd,gBAAAM,EAAC,OAAA,EAAI,WAAWF,EAAO,4BAA4B,GAChD,UAAAJ,GACH;AAAA,UAEDC,KAAiB,QAChB,gBAAAK,EAAC,OAAA,EAAI,WAAWF,EAAO,sBAAsB,GAAI,UAAAH,GAAc;AAAA,UAEhEC,KAAU,QACT,gBAAAI,EAAC,OAAA,EAAI,WAAWF,EAAO,sBAAsB,GAAI,UAAAF,EAAA,CAAO;AAAA,QAAA,EAAA,CAE5D;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/message/Message.module.css

@@ -1 +0,0 @@
-@charset "UTF-8";._message_1s7r2_3{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-xxl);background-color:var(--center-channel-bg);transition:background-color var(--duration-quick) var(--ease-transition)}._message_1s7r2_3:hover{background-color:color-mix(in srgb,var(--center-channel-color) 4%,var(--center-channel-bg))}._message--actions-visible_1s7r2_18 ._message__actions-slot_1s7r2_18{opacity:1;pointer-events:auto}._message--state-hover_1s7r2_25{background-color:color-mix(in srgb,var(--center-channel-color) 4%,var(--center-channel-bg))}._message--state-hover_1s7r2_25 ._message__actions-slot_1s7r2_18{opacity:1;pointer-events:auto}._message__pinned_1s7r2_32{flex-shrink:0;width:100%;min-width:0}._message__layout_1s7r2_37{display:flex;gap:var(--spacing-m);align-items:flex-start}._message__avatar-col_1s7r2_42{flex-shrink:0;display:flex;flex-direction:column;align-items:center}._message__content_1s7r2_48{display:flex;flex-direction:column;gap:var(--spacing-xxxs);flex:1;min-width:0}._message__header-row_1s7r2_55{position:relative;min-width:0}._message__header-block_1s7r2_59{min-width:0}._message__actions-slot_1s7r2_18{position:absolute;top:-16px;right:0;z-index:1;opacity:0;pointer-events:none;transition:opacity var(--duration-quick) var(--ease-transition)}._message_1s7r2_3:hover ._message__actions-slot_1s7r2_18,._message_1s7r2_3:focus-within ._message__actions-slot_1s7r2_18{opacity:1;pointer-events:auto}._message__body_1s7r2_75{display:flex;flex-direction:column;gap:var(--spacing-xs)}._message__body-text_1s7r2_83{font-family:var(--font-family-body);font-size:var(--font-size-100);line-height:var(--line-height-100);color:var(--center-channel-color);margin:0}._message__link-preview-slot_1s7r2_90{min-width:0}._message__footer-slot_1s7r2_93{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}._message__images-slot_1s7r2_99{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:var(--spacing-xs);min-width:0}._message__images-slot_1s7r2_99>*{flex:0 1 auto;align-self:flex-start;max-width:100%;min-width:0}

package/dist/components/message/Message.module.scss.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Message.module.css');const e="_message_1s7r2_3",s="_message__pinned_1s7r2_32",_="_message__layout_1s7r2_37",a="_message__content_1s7r2_48",t="_message__body_1s7r2_75",o={message:e,"message--actions-visible":"_message--actions-visible_1s7r2_18","message__actions-slot":"_message__actions-slot_1s7r2_18","message--state-hover":"_message--state-hover_1s7r2_25",message__pinned:s,message__layout:_,"message__avatar-col":"_message__avatar-col_1s7r2_42",message__content:a,"message__header-row":"_message__header-row_1s7r2_55","message__header-block":"_message__header-block_1s7r2_59",message__body:t,"message__body-text":"_message__body-text_1s7r2_83","message__link-preview-slot":"_message__link-preview-slot_1s7r2_90","message__footer-slot":"_message__footer-slot_1s7r2_93","message__images-slot":"_message__images-slot_1s7r2_99"};exports.default=o;exports.message=e;exports.message__body=t;exports.message__content=a;exports.message__layout=_;exports.message__pinned=s;
-//# sourceMappingURL=Message.module.scss.cjs.map

package/dist/components/message/Message.module.scss.cjs.map

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

package/dist/components/message/Message.module.scss.js

@@ -1,26 +0,0 @@
-import './Message.module.css';const s = "_message_1s7r2_3", e = "_message__pinned_1s7r2_32", _ = "_message__layout_1s7r2_37", a = "_message__content_1s7r2_48", o = "_message__body_1s7r2_75", t = {
-  message: s,
-  "message--actions-visible": "_message--actions-visible_1s7r2_18",
-  "message__actions-slot": "_message__actions-slot_1s7r2_18",
-  "message--state-hover": "_message--state-hover_1s7r2_25",
-  message__pinned: e,
-  message__layout: _,
-  "message__avatar-col": "_message__avatar-col_1s7r2_42",
-  message__content: a,
-  "message__header-row": "_message__header-row_1s7r2_55",
-  "message__header-block": "_message__header-block_1s7r2_59",
-  message__body: o,
-  "message__body-text": "_message__body-text_1s7r2_83",
-  "message__link-preview-slot": "_message__link-preview-slot_1s7r2_90",
-  "message__footer-slot": "_message__footer-slot_1s7r2_93",
-  "message__images-slot": "_message__images-slot_1s7r2_99"
-};
-export {
-  t as default,
-  s as message,
-  o as message__body,
-  a as message__content,
-  _ as message__layout,
-  e as message__pinned
-};
-//# sourceMappingURL=Message.module.scss.js.map

package/dist/components/message/Message.module.scss.js.map

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

package/dist/components/message/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Message.cjs"),s=require("./Message.module.scss.cjs");exports.Message=e.default;exports.messageStyles=s.default;
-//# sourceMappingURL=index.cjs.map

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

@@ -1,4 +0,0 @@
-export { default as Message } from './Message';
-export type * from './Message';
-export { default as messageStyles } from './Message.module.scss';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/message/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,mBAAmB,WAAW,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/message/index.js

@@ -1,7 +0,0 @@
-import { default as a } from "./Message.js";
-import { default as f } from "./Message.module.scss.js";
-export {
-  a as Message,
-  f as messageStyles
-};
-//# sourceMappingURL=index.js.map

package/dist/components/message-actions/MessageActions.module.css

@@ -1 +0,0 @@
-._message-actions_1ie92_2{display:inline-flex;align-items:center;gap:0;padding:var(--spacing-xxxxs);background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.08);border-radius:var(--radius-s);box-shadow:var(--elevation-1)}._message-actions__jump_1ie92_12{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 var(--spacing-xs);border:none;border-radius:var(--radius-s);background-color:transparent;color:rgba(var(--center-channel-color-rgb),.64);font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75);cursor:pointer;white-space:nowrap;transition:background-color var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition)}._message-actions__jump_1ie92_12:hover{background-color:rgba(var(--center-channel-color-rgb),.08);color:var(--center-channel-color)}._message-actions__jump_1ie92_12:focus-visible{outline:2px solid var(--link-color);outline-offset:-1px}

package/dist/components/message-header/MessageHeader.module.css

@@ -1 +0,0 @@
-._message-header_1u3ox_2{display:flex;align-items:center;gap:var(--spacing-xxs)}._message-header_1u3ox_2>*{align-self:center}._message-header__username_1u3ox_10{font-family:var(--font-family-body);font-size:var(--font-size-100);font-weight:var(--font-weight-semibold);line-height:var(--line-height-100);color:var(--center-channel-color);white-space:nowrap}._message-header__timestamp_1u3ox_18{font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.56);white-space:nowrap}

package/dist/components/message-input/MessageInput.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("react"),__z=require("@mattermost/compass-icons/components/alert-circle-outline.js"),z=__z?.default??__z,__y=require("@mattermost/compass-icons/components/chevron-down.js"),y=__y?.default??__y,__H=require("@mattermost/compass-icons/components/chevron-up.js"),H=__H?.default??__H,__P=require("@mattermost/compass-icons/components/dots-horizontal.js"),P=__P?.default??__P,__D=require("@mattermost/compass-icons/components/code-tags.js"),D=__D?.default??__D,__L=require("@mattermost/compass-icons/components/creation-outline.js"),L=__L?.default??__L,__E=require("@mattermost/compass-icons/components/emoticon-happy-outline.js"),E=__E?.default??__E,__V=require("@mattermost/compass-icons/components/eye-outline.js"),V=__V?.default??__V,__K=require("@mattermost/compass-icons/components/fire.js"),K=__K?.default??__K,__v=require("@mattermost/compass-icons/components/format-bold.js"),v=__v?.default??__v,__Q=require("@mattermost/compass-icons/components/format-header.js"),Q=__Q?.default??__Q,__N=require("@mattermost/compass-icons/components/format-italic.js"),N=__N?.default??__N,__U=require("@mattermost/compass-icons/components/format-letter-case.js"),U=__U?.default??__U,__W=require("@mattermost/compass-icons/components/format-list-bulleted.js"),W=__W?.default??__W,__G=require("@mattermost/compass-icons/components/format-list-numbered.js"),G=__G?.default??__G,__$=require("@mattermost/compass-icons/components/format-quote-open.js"),$=__$?.default??__$,__J=require("@mattermost/compass-icons/components/format-strikethrough-variant.js"),J=__J?.default??__J,__I=require("@mattermost/compass-icons/components/link-variant.js"),I=__I?.default??__I,__X=require("@mattermost/compass-icons/components/paperclip.js"),X=__X?.default??__X,__Y=require("@mattermost/compass-icons/components/send.js"),Y=__Y?.default??__Y,a=require("../icon/Icon.cjs"),t=require("../icon-button/IconButton.cjs"),Z=require("../tag/Tag.cjs"),q=require("../attachment-card/AttachmentCard.cjs"),s=require("./MessageInput.module.scss.cjs");function ee({className:w="",placeholder:F="Message channel…",showPriorityIndicator:B=!1,showAttachments:M=!1,value:p,onChange:u,onSelectionChange:d,inputRef:x,width:o="wide"}){const[T,O]=r.useState(""),j=p!==void 0,c=j?p:T,S=l=>{j?u==null||u(l):O(l)},[i,A]=r.useState(!1),g=r.useRef(null),k=l=>{g.current=l,x&&(x.current=l)},m=r.useCallback(()=>{const l=g.current;l&&(l.style.height="auto",l.style.height=`${l.scrollHeight}px`)},[]);r.useEffect(()=>{m()},[c,m]);const f=c.trim().length>0,n=(l,b)=>[s.default[l],b?s.default[b]:""].filter(Boolean).join(" "),C=o==="narrow"&&i,_=i&&o==="wide",h=e.jsxs(e.Fragment,{children:[e.jsxs("button",{type:"button",className:n("message-input__format-btn",i?"message-input__format-btn--active":""),"aria-label":i?"Hide formatting toolbar":"Show formatting toolbar","aria-pressed":i,onClick:()=>A(l=>!l),children:[e.jsx(a.default,{glyph:e.jsx(U,{}),size:"16"}),C?e.jsx("span",{className:s.default["message-input__format-chevron"],children:e.jsx(a.default,{glyph:e.jsx(H,{}),size:"12"})}):e.jsx("span",{className:n("message-input__format-chevron",i?"message-input__format-chevron--rotated":""),children:e.jsx(a.default,{glyph:e.jsx(y,{}),size:"12"})})]}),e.jsx("span",{className:s.default["message-input__actions-divider"],"aria-hidden":!0}),e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx(X,{}),size:"16"}),size:"small","aria-label":"Attach a file"}),e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx(E,{}),size:"16"}),size:"small","aria-label":"Add an emoji"}),e.jsxs("div",{className:n("message-input__send",f?"":"message-input__send--disabled"),children:[e.jsx("button",{type:"button",className:s.default["message-input__send-main"],"aria-label":"Send message",disabled:!f,children:e.jsx(a.default,{glyph:e.jsx(Y,{}),size:"16"})}),e.jsx("button",{type:"button",className:s.default["message-input__send-dropdown"],"aria-label":"Send options",disabled:!f,children:e.jsx(a.default,{glyph:e.jsx(y,{}),size:"16"})})]})]}),R=[s.default["message-input"],o==="narrow"?s.default["message-input--width-narrow"]:"",w].filter(Boolean).join(" ");return e.jsx("div",{className:R,children:e.jsxs("div",{className:n("message-input__container",i?"message-input__container--formatting-open":""),children:[e.jsx("button",{type:"button",className:n("message-input__preview-btn",i?"message-input__preview-btn--visible":""),"aria-label":"Preview",tabIndex:i?0:-1,children:e.jsx(a.default,{glyph:e.jsx(V,{}),size:"16"})}),e.jsxs("div",{className:n("message-input__body",i?"message-input__body--formatting-open":""),children:[B&&e.jsx("div",{className:s.default["message-input__priority-row"],children:e.jsx(Z.default,{label:"IMPORTANT",type:"info",size:"x-small",casing:"all-caps",leadingIcon:e.jsx(a.default,{glyph:e.jsx(z,{}),size:"10"})})}),e.jsx("textarea",{ref:k,className:s.default["message-input__textarea"],placeholder:F,value:c,onChange:l=>S(l.target.value),onInput:m,onSelect:d,onKeyUp:d,onClick:d,rows:1})]}),M&&e.jsx("div",{className:s.default["message-input__attachments"],children:e.jsxs("div",{className:s.default["message-input__attachments-list"],children:[e.jsx(q.default,{fileName:"Design_Brief.pdf",fileMeta:"PDF 240KB",fileType:"pdf",state:"default",onRemove:()=>{}}),e.jsx(q.default,{fileName:"Wireframes_v3.png",fileMeta:"PNG 1.2MB",fileType:"image-icon",state:"default",onRemove:()=>{}})]})}),e.jsx("div",{className:n("message-input__formatting-bar",_?"message-input__formatting-bar--open":""),"aria-hidden":!_,children:e.jsxs("div",{className:s.default["message-input__toolbar-controls"],children:[e.jsxs("div",{className:s.default["message-input__toolbar-group"],children:[e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx(v,{}),size:"16"}),size:"small","aria-label":"Bold"}),e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx(N,{}),size:"16"}),size:"small","aria-label":"Italic"}),e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx(J,{}),size:"16"}),size:"small","aria-label":"Strikethrough"}),e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx(Q,{}),size:"16"}),size:"small","aria-label":"Heading"})]}),e.jsx("span",{className:s.default["message-input__toolbar-divider"],"aria-hidden":!0}),e.jsxs("div",{className:s.default["message-input__toolbar-group"],children:[e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx(I,{}),size:"16"}),size:"small","aria-label":"Add link"}),e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx(D,{}),size:"16"}),size:"small","aria-label":"Code"})]}),e.jsx("span",{className:s.default["message-input__toolbar-divider"],"aria-hidden":!0}),e.jsxs("div",{className:s.default["message-input__toolbar-group"],children:[e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx($,{}),size:"16"}),size:"small","aria-label":"Quote"}),e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx(W,{}),size:"16"}),size:"small","aria-label":"Bulleted list"}),e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx(G,{}),size:"16"}),size:"small","aria-label":"Numbered list"})]}),e.jsx("span",{className:s.default["message-input__toolbar-divider"],"aria-hidden":!0}),e.jsxs("div",{className:s.default["message-input__toolbar-group"],children:[e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx(z,{}),size:"16"}),size:"small","aria-label":"Message priority"}),e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx(K,{}),size:"16"}),size:"small","aria-label":"Burn on read"}),e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx(L,{}),size:"16"}),size:"small","aria-label":"AI assistance"})]})]})}),o==="narrow"?e.jsxs("div",{className:s.default["message-input__narrow-chrome"],children:[e.jsx("div",{className:s.default["message-input__narrow-chrome-left"],children:i&&e.jsxs("div",{className:s.default["message-input__formatting-collapsed"],children:[e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx(v,{}),size:"16"}),size:"small","aria-label":"Bold"}),e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx(N,{}),size:"16"}),size:"small","aria-label":"Italic"}),e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx(I,{}),size:"16"}),size:"small","aria-label":"Add link"}),e.jsx(t.default,{icon:e.jsx(a.default,{glyph:e.jsx(P,{}),size:"16"}),size:"small","aria-label":"More formatting options"})]})}),e.jsx("div",{className:[s.default["message-input__actions"],s.default["message-input__actions--narrow-chrome"]].join(" "),children:h})]}):e.jsx("div",{className:s.default["message-input__actions"],children:h})]})})}exports.default=ee;
-//# sourceMappingURL=MessageInput.cjs.map