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

package/dist/components/text-input/TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.js","sources":["../../../src/components/text-input/TextInput.tsx"],"sourcesContent":["import type {\n  InputHTMLAttributes,\n  ReactNode,\n  ChangeEvent,\n  RefCallback,\n} from 'react';\nimport { forwardRef, useId, useState, useCallback, useRef } from 'react';\nimport { toKebab } from '@/utils/string';\nimport styles from './TextInput.module.scss';\n\nexport type TextInputSize = 'small' | 'medium' | 'large';\n\nexport interface TextInputProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'size'\n> {\n  /** Optional CSS class name. */\n  className?: string;\n  /** When true, shows invalid/error styling. */\n  invalid?: boolean;\n  /** Floating label content. When provided, label floats on focus or when value is non-empty. */\n  label?: ReactNode;\n  /** Leading icon (e.g. <Icon glyph={<SearchIcon />} size=\"16\" />). */\n  leadingIcon?: ReactNode;\n  /** Max length for the input; used with showCharacterCount for counter. */\n  maxLength?: number;\n  /** When true with maxLength, shows \"current / max\" character count below input. */\n  showCharacterCount?: boolean;\n  /** Size variant. Figma: Small (32px), Medium (40px), Large (48px). Default: Medium. */\n  size?: TextInputSize;\n  /** Trailing icon. */\n  trailingIcon?: ReactNode;\n}\n\n/**\n * Text Inputs let people enter and edit a single line of text — names, emails, search\n * queries, channel titles. They're the workhorse of every form and modal in Mattermost.\n */\nconst TextInput = forwardRef<HTMLInputElement, TextInputProps>(\n  function TextInput(\n    {\n      className = '',\n      size = 'medium',\n      label,\n      leadingIcon,\n      trailingIcon,\n      invalid = false,\n      maxLength,\n      showCharacterCount = false,\n      id: idProp,\n      value: valueProp,\n      defaultValue,\n      placeholder,\n      onFocus,\n      onBlur,\n      onChange,\n      disabled,\n      readOnly,\n      ...rest\n    },\n    ref,\n  ) {\n    const generatedId = useId();\n    const id = idProp ?? generatedId;\n    const inputRef = useRef<HTMLInputElement | null>(null);\n\n    const setInputRef = useCallback(\n      (node: HTMLInputElement | null) => {\n        inputRef.current = node;\n        if (typeof ref === 'function') {\n          const cleanup = (ref as RefCallback<HTMLInputElement>)(node);\n          return () => {\n            inputRef.current = null;\n            if (typeof cleanup === 'function') cleanup();\n          };\n        }\n        if (ref) ref.current = node;\n      },\n      [ref],\n    );\n\n    const isControlled = valueProp !== undefined;\n    const [uncontrolledValue, setUncontrolledValue] = useState(\n      defaultValue ?? '',\n    );\n    const value = isControlled ? (valueProp as string) : uncontrolledValue;\n    const hasValue = value != null && value !== '';\n\n    const [isFocused, setIsFocused] = useState(false);\n    const labelFloated = isFocused || hasValue;\n\n    const handleFocus = useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        setIsFocused(true);\n        onFocus?.(e);\n      },\n      [onFocus],\n    );\n    const handleBlur = useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        setIsFocused(false);\n        onBlur?.(e);\n      },\n      [onBlur],\n    );\n    const handleChange = useCallback(\n      (e: ChangeEvent<HTMLInputElement>) => {\n        if (!isControlled) setUncontrolledValue(e.target.value);\n        onChange?.(e);\n      },\n      [isControlled, onChange],\n    );\n\n    const sizeClass = styles[`textInput--size-${toKebab(size)}`];\n    const invalidClass = invalid ? styles['textInput--invalid'] : '';\n    const labelFloatedClass =\n      label != null && labelFloated ? styles['textInput--label-floated'] : '';\n    const hasLeadingClass =\n      leadingIcon != null ? styles['textInput--has-leading-icon'] : '';\n    const hasTrailingClass =\n      trailingIcon != null ? styles['textInput--has-trailing-icon'] : '';\n\n    const rootClass = [\n      styles.textInput,\n      sizeClass,\n      invalidClass,\n      labelFloatedClass,\n      hasLeadingClass,\n      hasTrailingClass,\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const currentLength = typeof value === 'string' ? value.length : 0;\n    const counterId =\n      showCharacterCount && maxLength != null ? `${id}-counter` : undefined;\n\n    return (\n      <div className={rootClass}>\n        <div className={styles.textInput__wrapper}>\n          <label className={styles.textInput__inner}>\n            {label != null && (\n              <span className={styles.textInput__label}>{label}</span>\n            )}\n            {leadingIcon != null && (\n              <span className={styles.textInput__leadingIcon}>\n                {leadingIcon}\n              </span>\n            )}\n            <input\n              ref={setInputRef}\n              id={id}\n              className={styles.textInput__input}\n              value={isControlled ? valueProp : undefined}\n              defaultValue={isControlled ? undefined : defaultValue}\n              placeholder={placeholder}\n              maxLength={maxLength}\n              disabled={disabled}\n              readOnly={readOnly}\n              aria-invalid={invalid ? true : undefined}\n              aria-describedby={counterId}\n              onFocus={handleFocus}\n              onBlur={handleBlur}\n              onChange={handleChange}\n              {...rest}\n            />\n            {trailingIcon != null && (\n              <span className={styles.textInput__trailingIcon}>\n                {trailingIcon}\n              </span>\n            )}\n          </label>\n        </div>\n        {showCharacterCount && maxLength != null && (\n          <div\n            id={counterId}\n            className={styles.textInput__counter}\n            aria-live=\"polite\"\n          >\n            {currentLength} / {maxLength}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nexport default TextInput;\n"],"names":["TextInput","forwardRef","className","size","label","leadingIcon","trailingIcon","invalid","maxLength","showCharacterCount","idProp","valueProp","defaultValue","placeholder","onFocus","onBlur","onChange","disabled","readOnly","rest","ref","generatedId","useId","id","inputRef","useRef","setInputRef","useCallback","node","cleanup","isControlled","uncontrolledValue","setUncontrolledValue","useState","value","hasValue","isFocused","setIsFocused","labelFloated","handleFocus","handleBlur","handleChange","sizeClass","styles","toKebab","invalidClass","labelFloatedClass","hasLeadingClass","hasTrailingClass","rootClass","currentLength","counterId","jsxs","jsx"],"mappings":"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"}

package/dist/components/text-input/TextInput.module.css

@@ -0,0 +1 @@
+._textInput_14l3m_2{display:flex;flex-direction:column;width:100%}._textInput__wrapper_14l3m_7{position:relative;display:flex;flex-direction:column;min-height:0;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}._textInput_14l3m_2:has(._textInput__input_14l3m_18:not(:disabled)):hover:not(:focus-within) ._textInput__wrapper_14l3m_7{box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.24)}._textInput_14l3m_2:has(._textInput__input_14l3m_18:focus-visible) ._textInput__wrapper_14l3m_7{box-shadow:inset 0 0 0 1px var(--button-bg),0 0 0 1px var(--button-bg)}._textInput_14l3m_2:has(._textInput__input_14l3m_18:disabled) ._textInput__wrapper_14l3m_7{background-color:var(--center-channel-bg);opacity:.56;cursor:not-allowed}._textInput__label_14l3m_29{position:absolute;left:var(--spacing-xs);top:50%;padding:0 var(--spacing-xxxs);transform:translateY(-50%);margin:0;font-family:Open Sans,sans-serif;font-size:var(--font-size-75);line-height:var(--line-height-25);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),color var(--duration-quick) var(--ease-transition),top var(--duration-quick) var(--ease-transition),left var(--duration-quick) var(--ease-transition)}._textInput--label-floated_14l3m_49 ._textInput__label_14l3m_29{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px;color:rgba(var(--center-channel-color-rgb),.64)}._textInput__inner_14l3m_56{display:flex;align-items:center;flex:1;width:100%;min-width:0;box-sizing:border-box;margin:0;cursor:text}._textInput__input_14l3m_18{flex:1 1 0;width:100%;min-width:0;min-height:100%;margin:0;padding:0;border:0;background:transparent;font-family:Open Sans,sans-serif;font-size:var(--font-size-75);line-height:var(--line-height-25);font-weight:var(--font-weight-regular);color:var(--center-channel-color)}._textInput__input_14l3m_18:focus{outline:none}._textInput__input_14l3m_18::placeholder{color:rgba(var(--center-channel-color-rgb),.64)}._textInput__leadingIcon_14l3m_87,._textInput__trailingIcon_14l3m_87{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:rgba(var(--center-channel-color-rgb),.64)}._textInput__leadingIcon_14l3m_87{margin-right:var(--spacing-xs)}._textInput__trailingIcon_14l3m_87{margin-left:var(--spacing-xs)}._textInput__counter_14l3m_100{margin-top:var(--spacing-xxxs);font-family:Open Sans,sans-serif;font-size:var(--font-size-25);line-height:14px;color:rgba(var(--center-channel-color-rgb),.64)}._textInput--size-small_14l3m_107 ._textInput__wrapper_14l3m_7{min-height:32px}._textInput--size-small_14l3m_107 ._textInput__inner_14l3m_56{padding:var(--spacing-xs) var(--spacing-m)}._textInput--size-small_14l3m_107 ._textInput__input_14l3m_18{font-size:var(--font-size-75);line-height:var(--line-height-25)}._textInput--size-small_14l3m_107._textInput--label-floated_14l3m_49 ._textInput__label_14l3m_29{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._textInput--size-medium_14l3m_123 ._textInput__wrapper_14l3m_7{min-height:40px}._textInput--size-medium_14l3m_123 ._textInput__inner_14l3m_56{padding:var(--spacing-s) var(--spacing-l)}._textInput--size-medium_14l3m_123 ._textInput__input_14l3m_18{font-size:var(--font-size-100);line-height:var(--line-height-100)}._textInput--size-medium_14l3m_123 ._textInput__label_14l3m_29{font-size:var(--font-size-100);left:var(--spacing-m)}._textInput--size-medium_14l3m_123._textInput--label-floated_14l3m_49 ._textInput__label_14l3m_29{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._textInput--size-large_14l3m_143 ._textInput__wrapper_14l3m_7{min-height:48px}._textInput--size-large_14l3m_143 ._textInput__inner_14l3m_56{padding:var(--spacing-m) var(--spacing-l)}._textInput--size-large_14l3m_143 ._textInput__input_14l3m_18{font-size:var(--font-size-200);line-height:var(--line-height-200)}._textInput--size-large_14l3m_143 ._textInput__label_14l3m_29{font-size:var(--font-size-200);line-height:var(--line-height-200);left:var(--spacing-m)}._textInput--size-large_14l3m_143._textInput--label-floated_14l3m_49 ._textInput__label_14l3m_29{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._textInput--has-leading-icon_14l3m_164 ._textInput__label_14l3m_29{left:var(--spacing-xxxl)}._textInput--has-leading-icon_14l3m_164._textInput--label-floated_14l3m_49 ._textInput__label_14l3m_29{left:var(--spacing-xs)}._textInput--has-leading-icon_14l3m_164._textInput--size-medium_14l3m_123 ._textInput__label_14l3m_29,._textInput--has-leading-icon_14l3m_164._textInput--size-large_14l3m_143 ._textInput__label_14l3m_29{left:36px}._textInput--has-leading-icon_14l3m_164._textInput--size-medium_14l3m_123._textInput--label-floated_14l3m_49 ._textInput__label_14l3m_29,._textInput--has-leading-icon_14l3m_164._textInput--size-large_14l3m_143._textInput--label-floated_14l3m_49 ._textInput__label_14l3m_29{left:var(--spacing-m)}._textInput_14l3m_2:has(._textInput__input_14l3m_18:focus-visible) ._textInput__label_14l3m_29{color:var(--button-bg)}._textInput_14l3m_2:has(._textInput__label_14l3m_29):not(._textInput--label-floated_14l3m_49) ._textInput__input_14l3m_18::placeholder{color:transparent}._textInput--invalid_14l3m_182 ._textInput__wrapper_14l3m_7{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger))}._textInput--invalid_14l3m_182:has(._textInput__input_14l3m_18:focus-visible) ._textInput__wrapper_14l3m_7{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger)),0 0 0 1px var(--error-text, var(--color-danger))}._textInput--invalid_14l3m_182 ._textInput__label_14l3m_29{color:var(--error-text, var(--color-danger))}._textInput--invalid_14l3m_182:has(._textInput__input_14l3m_18:focus-visible) ._textInput__label_14l3m_29{color:var(--error-text, var(--color-danger))}

package/dist/components/text-input/TextInput.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./TextInput.module.css');const t="_textInput_14l3m_2",_="_textInput__wrapper_14l3m_7",e="_textInput__input_14l3m_18",n="_textInput__label_14l3m_29",u="_textInput__inner_14l3m_56",p="_textInput__leadingIcon_14l3m_87",l="_textInput__trailingIcon_14l3m_87",I="_textInput__counter_14l3m_100",x={textInput:t,textInput__wrapper:_,textInput__input:e,textInput__label:n,"textInput--label-floated":"_textInput--label-floated_14l3m_49",textInput__inner:u,textInput__leadingIcon:p,textInput__trailingIcon:l,textInput__counter:I,"textInput--size-small":"_textInput--size-small_14l3m_107","textInput--size-medium":"_textInput--size-medium_14l3m_123","textInput--size-large":"_textInput--size-large_14l3m_143","textInput--has-leading-icon":"_textInput--has-leading-icon_14l3m_164","textInput--invalid":"_textInput--invalid_14l3m_182"};exports.default=x;exports.textInput=t;exports.textInput__counter=I;exports.textInput__inner=u;exports.textInput__input=e;exports.textInput__label=n;exports.textInput__leadingIcon=p;exports.textInput__trailingIcon=l;exports.textInput__wrapper=_;
+//# sourceMappingURL=TextInput.module.scss.cjs.map

package/dist/components/text-input/TextInput.module.scss.cjs.map

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

package/dist/components/text-input/TextInput.module.scss.js

@@ -0,0 +1,28 @@
+import './TextInput.module.css';const t = "_textInput_14l3m_2", _ = "_textInput__wrapper_14l3m_7", n = "_textInput__input_14l3m_18", e = "_textInput__label_14l3m_29", p = "_textInput__inner_14l3m_56", u = "_textInput__leadingIcon_14l3m_87", l = "_textInput__trailingIcon_14l3m_87", I = "_textInput__counter_14l3m_100", x = {
+  textInput: t,
+  textInput__wrapper: _,
+  textInput__input: n,
+  textInput__label: e,
+  "textInput--label-floated": "_textInput--label-floated_14l3m_49",
+  textInput__inner: p,
+  textInput__leadingIcon: u,
+  textInput__trailingIcon: l,
+  textInput__counter: I,
+  "textInput--size-small": "_textInput--size-small_14l3m_107",
+  "textInput--size-medium": "_textInput--size-medium_14l3m_123",
+  "textInput--size-large": "_textInput--size-large_14l3m_143",
+  "textInput--has-leading-icon": "_textInput--has-leading-icon_14l3m_164",
+  "textInput--invalid": "_textInput--invalid_14l3m_182"
+};
+export {
+  x as default,
+  t as textInput,
+  I as textInput__counter,
+  p as textInput__inner,
+  n as textInput__input,
+  e as textInput__label,
+  u as textInput__leadingIcon,
+  l as textInput__trailingIcon,
+  _ as textInput__wrapper
+};
+//# sourceMappingURL=TextInput.module.scss.js.map

package/dist/components/text-input/TextInput.module.scss.js.map

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

package/dist/components/text-input/index.cjs

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

package/dist/components/text-input/index.cjs.map

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

package/dist/components/text-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/text-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/text-input/index.js

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

package/dist/components/text-input/index.js.map

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

package/dist/components/thread-actions-menu/ThreadActionsMenu.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__a=require("@mattermost/compass-icons/components/bookmark-outline.js"),a=__a?.default??__a,__o=require("@mattermost/compass-icons/components/link-variant.js"),o=__o?.default??__o,__d=require("@mattermost/compass-icons/components/mark-as-unread.js"),d=__d?.default??__d,__c=require("@mattermost/compass-icons/components/message-minus-outline.js"),c=__c?.default??__c,__j=require("@mattermost/compass-icons/components/open-in-new.js"),j=__j?.default??__j,l=require("../icon/Icon.cjs"),n=require("../menu-item/MenuItem.cjs"),i=require("../popover-menu/PopoverMenu.cjs"),x=require("../shortcut-tag/ShortcutTag.cjs");function t(s){return e.jsx(x.default,{label:s,size:"small"})}function g({className:s="",style:u,...r}){return e.jsxs(i.default,{className:s,style:{width:"268px",...u},...r,children:[e.jsxs(i.PopoverMenuGroup,{children:[e.jsx(n.default,{label:"Unfollow thread",leadingVisual:e.jsx(l.default,{glyph:e.jsx(c,{}),size:"16"})}),e.jsx(n.default,{label:"Open in channel",leadingVisual:e.jsx(l.default,{glyph:e.jsx(j,{}),size:"16"})}),e.jsx(n.default,{label:"Mark as unread",leadingVisual:e.jsx(l.default,{glyph:e.jsx(d,{}),size:"16"}),trailingElement:!0,trailingVisual:t("U")}),e.jsx(n.default,{label:"Save",leadingVisual:e.jsx(l.default,{glyph:e.jsx(a,{}),size:"16"}),trailingElement:!0,trailingVisual:t("S")})]}),e.jsx(i.PopoverMenuDivider,{}),e.jsx(i.PopoverMenuGroup,{children:e.jsx(n.default,{label:"Copy link",leadingVisual:e.jsx(l.default,{glyph:e.jsx(o,{}),size:"16"}),trailingElement:!0,trailingVisual:t("K")})})]})}exports.default=g;
+//# sourceMappingURL=ThreadActionsMenu.cjs.map

package/dist/components/thread-actions-menu/ThreadActionsMenu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadActionsMenu.cjs","sources":["../../../src/components/thread-actions-menu/ThreadActionsMenu.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport BookmarkOutlineIcon from '@mattermost/compass-icons/components/bookmark-outline';\nimport LinkVariantIcon from '@mattermost/compass-icons/components/link-variant';\nimport MarkAsUnreadIcon from '@mattermost/compass-icons/components/mark-as-unread';\nimport MessageMinusOutlineIcon from '@mattermost/compass-icons/components/message-minus-outline';\nimport OpenInNewIcon from '@mattermost/compass-icons/components/open-in-new';\nimport Icon from '@/components/icon/Icon';\nimport MenuItem from '@/components/menu-item/MenuItem';\nimport PopoverMenu, {\n  PopoverMenuDivider,\n  PopoverMenuGroup,\n} from '@/components/popover-menu/PopoverMenu';\nimport ShortcutTag from '@/components/shortcut-tag/ShortcutTag';\n\nexport interface ThreadActionsMenuProps extends HTMLAttributes<HTMLDivElement> {}\n\nfunction shortcutLabel(text: string) {\n  return <ShortcutTag label={text} size=\"small\" />;\n}\n\n/**\n * Thread list / thread header actions menu.\n */\nexport default function ThreadActionsMenu({\n  className = '',\n  style,\n  ...rest\n}: ThreadActionsMenuProps) {\n  return (\n    <PopoverMenu\n      className={className}\n      style={{ width: '268px', ...style }}\n      {...rest}\n    >\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Unfollow thread\"\n          leadingVisual={<Icon glyph={<MessageMinusOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Open in channel\"\n          leadingVisual={<Icon glyph={<OpenInNewIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Mark as unread\"\n          leadingVisual={<Icon glyph={<MarkAsUnreadIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={shortcutLabel('U')}\n        />\n        <MenuItem\n          label=\"Save\"\n          leadingVisual={<Icon glyph={<BookmarkOutlineIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={shortcutLabel('S')}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Copy link\"\n          leadingVisual={<Icon glyph={<LinkVariantIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={shortcutLabel('K')}\n        />\n      </PopoverMenuGroup>\n    </PopoverMenu>\n  );\n}\n"],"names":["shortcutLabel","text","jsx","ShortcutTag","ThreadActionsMenu","className","style","rest","jsxs","PopoverMenu","PopoverMenuGroup","MenuItem","Icon","MessageMinusOutlineIcon","OpenInNewIcon","MarkAsUnreadIcon","BookmarkOutlineIcon","PopoverMenuDivider","LinkVariantIcon"],"mappings":"snBAgBA,SAASA,EAAcC,EAAc,CACnC,OAAOC,EAAAA,IAACC,EAAAA,QAAA,CAAY,MAAOF,EAAM,KAAK,QAAQ,CAChD,CAKA,SAAwBG,EAAkB,CACxC,UAAAC,EAAY,GACZ,MAAAC,EACA,GAAGC,CACL,EAA2B,CACzB,OACEC,EAAAA,KAACC,EAAAA,QAAA,CACC,UAAAJ,EACA,MAAO,CAAE,MAAO,QAAS,GAAGC,CAAA,EAC3B,GAAGC,EAEJ,SAAA,CAAAC,OAACE,EAAAA,iBAAA,CACC,SAAA,CAAAR,EAAAA,IAACS,EAAAA,QAAA,CACC,MAAM,kBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQC,EAAA,CAAA,CAAwB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAErEX,EAAAA,IAACS,EAAAA,QAAA,CACC,MAAM,kBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQE,EAAA,CAAA,CAAc,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAE3DZ,EAAAA,IAACS,EAAAA,QAAA,CACC,MAAM,iBACN,oBAAgBC,UAAA,CAAK,YAAQG,EAAA,EAAiB,EAAI,KAAK,KAAK,EAC5D,gBAAe,GACf,eAAgBf,EAAc,GAAG,CAAA,CAAA,EAEnCE,EAAAA,IAACS,EAAAA,QAAA,CACC,MAAM,OACN,oBAAgBC,UAAA,CAAK,YAAQI,EAAA,EAAoB,EAAI,KAAK,KAAK,EAC/D,gBAAe,GACf,eAAgBhB,EAAc,GAAG,CAAA,CAAA,CACnC,EACF,QACCiB,EAAAA,mBAAA,EAAmB,QACnBP,EAAAA,iBAAA,CACC,SAAAR,EAAAA,IAACS,EAAAA,QAAA,CACC,MAAM,YACN,oBAAgBC,UAAA,CAAK,YAAQM,EAAA,EAAgB,EAAI,KAAK,KAAK,EAC3D,gBAAe,GACf,eAAgBlB,EAAc,GAAG,CAAA,CAAA,CACnC,CACF,CAAA,CAAA,CAAA,CAGN"}

package/dist/components/thread-actions-menu/ThreadActionsMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadActionsMenu.d.ts","sourceRoot":"","sources":["../../../src/components/thread-actions-menu/ThreadActionsMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAc5C,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAC,cAAc,CAAC;CAAG;AAMjF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,SAAc,EACd,KAAK,EACL,GAAG,IAAI,EACR,EAAE,sBAAsB,2CAwCxB"}

package/dist/components/thread-actions-menu/ThreadActionsMenu.js

@@ -0,0 +1,77 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import __s from "@mattermost/compass-icons/components/bookmark-outline.js";const s=__s&&__s.default?__s.default:__s;
+import __m from "@mattermost/compass-icons/components/link-variant.js";const m=__m&&__m.default?__m.default:__m;
+import __p from "@mattermost/compass-icons/components/mark-as-unread.js";const p=__p&&__p.default?__p.default:__p;
+import __g from "@mattermost/compass-icons/components/message-minus-outline.js";const g=__g&&__g.default?__g.default:__g;
+import __c from "@mattermost/compass-icons/components/open-in-new.js";const c=__c&&__c.default?__c.default:__c;
+import i from "../icon/Icon.js";
+import l from "../menu-item/MenuItem.js";
+import d, { PopoverMenuGroup as a, PopoverMenuDivider as f } from "../popover-menu/PopoverMenu.js";
+import h from "../shortcut-tag/ShortcutTag.js";
+function n(r) {
+  return /* @__PURE__ */ e(h, { label: r, size: "small" });
+}
+function w({
+  className: r = "",
+  style: t,
+  ...u
+}) {
+  return /* @__PURE__ */ o(
+    d,
+    {
+      className: r,
+      style: { width: "268px", ...t },
+      ...u,
+      children: [
+        /* @__PURE__ */ o(a, { children: [
+          /* @__PURE__ */ e(
+            l,
+            {
+              label: "Unfollow thread",
+              leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(g, {}), size: "16" })
+            }
+          ),
+          /* @__PURE__ */ e(
+            l,
+            {
+              label: "Open in channel",
+              leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(c, {}), size: "16" })
+            }
+          ),
+          /* @__PURE__ */ e(
+            l,
+            {
+              label: "Mark as unread",
+              leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(p, {}), size: "16" }),
+              trailingElement: !0,
+              trailingVisual: n("U")
+            }
+          ),
+          /* @__PURE__ */ e(
+            l,
+            {
+              label: "Save",
+              leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(s, {}), size: "16" }),
+              trailingElement: !0,
+              trailingVisual: n("S")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(f, {}),
+        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(
+          l,
+          {
+            label: "Copy link",
+            leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(m, {}), size: "16" }),
+            trailingElement: !0,
+            trailingVisual: n("K")
+          }
+        ) })
+      ]
+    }
+  );
+}
+export {
+  w as default
+};
+//# sourceMappingURL=ThreadActionsMenu.js.map

package/dist/components/thread-actions-menu/ThreadActionsMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadActionsMenu.js","sources":["../../../src/components/thread-actions-menu/ThreadActionsMenu.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport BookmarkOutlineIcon from '@mattermost/compass-icons/components/bookmark-outline';\nimport LinkVariantIcon from '@mattermost/compass-icons/components/link-variant';\nimport MarkAsUnreadIcon from '@mattermost/compass-icons/components/mark-as-unread';\nimport MessageMinusOutlineIcon from '@mattermost/compass-icons/components/message-minus-outline';\nimport OpenInNewIcon from '@mattermost/compass-icons/components/open-in-new';\nimport Icon from '@/components/icon/Icon';\nimport MenuItem from '@/components/menu-item/MenuItem';\nimport PopoverMenu, {\n  PopoverMenuDivider,\n  PopoverMenuGroup,\n} from '@/components/popover-menu/PopoverMenu';\nimport ShortcutTag from '@/components/shortcut-tag/ShortcutTag';\n\nexport interface ThreadActionsMenuProps extends HTMLAttributes<HTMLDivElement> {}\n\nfunction shortcutLabel(text: string) {\n  return <ShortcutTag label={text} size=\"small\" />;\n}\n\n/**\n * Thread list / thread header actions menu.\n */\nexport default function ThreadActionsMenu({\n  className = '',\n  style,\n  ...rest\n}: ThreadActionsMenuProps) {\n  return (\n    <PopoverMenu\n      className={className}\n      style={{ width: '268px', ...style }}\n      {...rest}\n    >\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Unfollow thread\"\n          leadingVisual={<Icon glyph={<MessageMinusOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Open in channel\"\n          leadingVisual={<Icon glyph={<OpenInNewIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Mark as unread\"\n          leadingVisual={<Icon glyph={<MarkAsUnreadIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={shortcutLabel('U')}\n        />\n        <MenuItem\n          label=\"Save\"\n          leadingVisual={<Icon glyph={<BookmarkOutlineIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={shortcutLabel('S')}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Copy link\"\n          leadingVisual={<Icon glyph={<LinkVariantIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={shortcutLabel('K')}\n        />\n      </PopoverMenuGroup>\n    </PopoverMenu>\n  );\n}\n"],"names":["shortcutLabel","text","jsx","ShortcutTag","ThreadActionsMenu","className","style","rest","jsxs","PopoverMenu","PopoverMenuGroup","MenuItem","Icon","MessageMinusOutlineIcon","OpenInNewIcon","MarkAsUnreadIcon","BookmarkOutlineIcon","PopoverMenuDivider","LinkVariantIcon"],"mappings":";;;;;;;;;;AAgBA,SAASA,EAAcC,GAAc;AACnC,SAAO,gBAAAC,EAACC,GAAA,EAAY,OAAOF,GAAM,MAAK,SAAQ;AAChD;AAKA,SAAwBG,EAAkB;AAAA,EACxC,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,GAAGC;AACL,GAA2B;AACzB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAAJ;AAAA,MACA,OAAO,EAAE,OAAO,SAAS,GAAGC,EAAA;AAAA,MAC3B,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAC,EAACE,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAR;AAAA,YAACS;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQC,GAAA,CAAA,CAAwB,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAErE,gBAAAX;AAAA,YAACS;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQE,GAAA,CAAA,CAAc,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAE3D,gBAAAZ;AAAA,YAACS;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQG,GAAA,EAAiB,GAAI,MAAK,MAAK;AAAA,cAC5D,iBAAe;AAAA,cACf,gBAAgBf,EAAc,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA,UAEnC,gBAAAE;AAAA,YAACS;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQI,GAAA,EAAoB,GAAI,MAAK,MAAK;AAAA,cAC/D,iBAAe;AAAA,cACf,gBAAgBhB,EAAc,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA,QACnC,GACF;AAAA,0BACCiB,GAAA,EAAmB;AAAA,0BACnBP,GAAA,EACC,UAAA,gBAAAR;AAAA,UAACS;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,iCAAgBC,GAAA,EAAK,yBAAQM,GAAA,EAAgB,GAAI,MAAK,MAAK;AAAA,YAC3D,iBAAe;AAAA,YACf,gBAAgBlB,EAAc,GAAG;AAAA,UAAA;AAAA,QAAA,EACnC,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/thread-actions-menu/index.cjs

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

package/dist/components/thread-actions-menu/index.cjs.map

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

package/dist/components/thread-actions-menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/thread-actions-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/thread-actions-menu/index.js

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

package/dist/components/thread-actions-menu/index.js.map

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

package/dist/components/thread-footer/ThreadFooter.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),p=require("../user-avatar/UserAvatar.cjs"),c=require("../button/Button.cjs"),N=require("../icon/Icon.cjs"),__b=require("@mattermost/compass-icons/components/reply-outline.js"),b=__b?.default??__b,a=require("./ThreadFooter.module.scss.cjs");function g({replyCount:t=3,avatars:l=[],badge:n="none",following:r=!1,lastReplyTime:i,onReply:h,onFollowToggle:u,hovered:_=!1,className:m="",...j}){const x=[a.default["thread-footer"],m].filter(Boolean).join(" "),o=3,d=l.slice(0,o),f=l.length>o?l.length-o:0;return e.jsx("div",{className:x,...j,children:e.jsxs("div",{className:a.default["thread-footer__inner"],children:[e.jsxs("div",{className:a.default["thread-footer__avatars-group"],children:[n==="unread"&&e.jsx("span",{className:a.default["thread-footer__unread-dot"],"aria-label":"Unread replies"}),n==="mention"&&e.jsx("span",{className:a.default["thread-footer__mention-badge"],children:"@"}),d.length>0&&e.jsxs("div",{className:a.default["thread-footer__avatars"],children:[d.map((s,v)=>e.jsx(p.default,{src:s.src,alt:s.alt,size:"20",className:a.default["thread-footer__avatar"]},v)),f>0&&e.jsxs("span",{className:a.default["thread-footer__avatar-overflow"],children:["+",f]})]}),d.length===0&&e.jsxs("div",{className:a.default["thread-footer__avatars"],children:[[0,1,2].map(s=>e.jsx("span",{className:a.default["thread-footer__avatar-placeholder"]},s)),e.jsx("span",{className:a.default["thread-footer__avatar-overflow"],children:"+2"})]})]}),e.jsxs("div",{className:a.default["thread-footer__buttons"],children:[e.jsx(c.default,{emphasis:"quaternary",size:"x-small",className:[a.default["thread-footer__reply-btn"],_?a.default["thread-footer__reply-btn--hovered"]:""].filter(Boolean).join(" "),onClick:h,"aria-label":`${t} repl${t===1?"y":"ies"}`,leadingIcon:e.jsx(N.default,{size:"12",glyph:e.jsx(b,{})}),children:e.jsxs("span",{className:a.default["thread-footer__btn-label"],children:[t," ",t===1?"reply":"replies"]})}),e.jsx("div",{className:a.default["thread-footer__divider"],"aria-hidden":!0}),e.jsx(c.default,{emphasis:"quaternary",size:"x-small",className:[a.default["thread-footer__follow-btn"],r?a.default["thread-footer__follow-btn--following"]:""].filter(Boolean).join(" "),onClick:u,"aria-pressed":r,"aria-label":r?"Unfollow thread":"Follow thread",children:r?"Following":"Follow"}),r&&i&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:a.default["thread-footer__divider"],"aria-hidden":!0}),e.jsx("span",{className:a.default["thread-footer__last-reply"],children:i})]})]})]})})}exports.default=g;
+//# sourceMappingURL=ThreadFooter.cjs.map

package/dist/components/thread-footer/ThreadFooter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadFooter.cjs","sources":["../../../src/components/thread-footer/ThreadFooter.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport Button from '@/components/button/Button';\nimport Icon from '@/components/icon/Icon';\nimport ReplyOutlineIcon from '@mattermost/compass-icons/components/reply-outline';\nimport styles from './ThreadFooter.module.scss';\n\nexport type ThreadFooterBadge = 'none' | 'unread' | 'mention';\n\nexport interface AvatarData {\n  src: string;\n  alt: string;\n}\n\nexport interface ThreadFooterProps extends HTMLAttributes<HTMLDivElement> {\n  /** Reply count. Default: 3. */\n  replyCount?: number;\n  /** Participant avatars (first 3 shown, overflow as +N). */\n  avatars?: AvatarData[];\n  /** Badge variant. Default: None. */\n  badge?: ThreadFooterBadge;\n  /** Whether the current user is following the thread. Default: false. */\n  following?: boolean;\n  /** Last reply timestamp label. Shown when following. */\n  lastReplyTime?: string;\n  /** Called when Reply is clicked. */\n  onReply?: () => void;\n  /** Called when Follow/Following is clicked. */\n  onFollowToggle?: () => void;\n  /** Hover / active state for button highlight. Default: false. */\n  hovered?: boolean;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\n/**\n * The Thread Footer is the reply summary bar at the bottom of a message. It shows\n * participants, reply count, follow state, and last-reply time — the information someone\n * needs to decide whether to dive in.\n */\nexport default function ThreadFooter({\n  replyCount = 3,\n  avatars = [],\n  badge = 'none',\n  following = false,\n  lastReplyTime,\n  onReply,\n  onFollowToggle,\n  hovered = false,\n  className = '',\n  ...rest\n}: ThreadFooterProps) {\n  const rootClass = [styles['thread-footer'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  const MAX_VISIBLE = 3;\n  const visibleAvatars = avatars.slice(0, MAX_VISIBLE);\n  const overflowCount =\n    avatars.length > MAX_VISIBLE ? avatars.length - MAX_VISIBLE : 0;\n\n  return (\n    <div className={rootClass} {...rest}>\n      <div className={styles['thread-footer__inner']}>\n        {/* Badge + Avatars */}\n        <div className={styles['thread-footer__avatars-group']}>\n          {badge === 'unread' && (\n            <span\n              className={styles['thread-footer__unread-dot']}\n              aria-label=\"Unread replies\"\n            />\n          )}\n          {badge === 'mention' && (\n            <span className={styles['thread-footer__mention-badge']}>@</span>\n          )}\n\n          {/* Avatar stack */}\n          {visibleAvatars.length > 0 && (\n            <div className={styles['thread-footer__avatars']}>\n              {visibleAvatars.map((av, i) => (\n                <UserAvatar\n                  key={i}\n                  src={av.src}\n                  alt={av.alt}\n                  size=\"20\"\n                  className={styles['thread-footer__avatar']}\n                />\n              ))}\n              {overflowCount > 0 && (\n                <span className={styles['thread-footer__avatar-overflow']}>\n                  +{overflowCount}\n                </span>\n              )}\n            </div>\n          )}\n\n          {/* Placeholder avatars when none provided */}\n          {visibleAvatars.length === 0 && (\n            <div className={styles['thread-footer__avatars']}>\n              {[0, 1, 2].map((i) => (\n                <span\n                  key={i}\n                  className={styles['thread-footer__avatar-placeholder']}\n                />\n              ))}\n              <span className={styles['thread-footer__avatar-overflow']}>\n                +2\n              </span>\n            </div>\n          )}\n        </div>\n\n        {/* Buttons */}\n        <div className={styles['thread-footer__buttons']}>\n          {/* Reply button */}\n          <Button\n            emphasis=\"quaternary\"\n            size=\"x-small\"\n            className={[\n              styles['thread-footer__reply-btn'],\n              hovered ? styles['thread-footer__reply-btn--hovered'] : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onClick={onReply}\n            aria-label={`${replyCount} repl${replyCount === 1 ? 'y' : 'ies'}`}\n            leadingIcon={<Icon size=\"12\" glyph={<ReplyOutlineIcon />} />}\n          >\n            <span className={styles['thread-footer__btn-label']}>\n              {replyCount} {replyCount === 1 ? 'reply' : 'replies'}\n            </span>\n          </Button>\n\n          <div className={styles['thread-footer__divider']} aria-hidden />\n\n          {/* Follow / Following button */}\n          <Button\n            emphasis=\"quaternary\"\n            size=\"x-small\"\n            className={[\n              styles['thread-footer__follow-btn'],\n              following ? styles['thread-footer__follow-btn--following'] : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onClick={onFollowToggle}\n            aria-pressed={following}\n            aria-label={following ? 'Unfollow thread' : 'Follow thread'}\n          >\n            {following ? 'Following' : 'Follow'}\n          </Button>\n\n          {/* Last reply time — visible when following */}\n          {following && lastReplyTime && (\n            <>\n              <div className={styles['thread-footer__divider']} aria-hidden />\n              <span className={styles['thread-footer__last-reply']}>\n                {lastReplyTime}\n              </span>\n            </>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["ThreadFooter","replyCount","avatars","badge","following","lastReplyTime","onReply","onFollowToggle","hovered","className","rest","rootClass","styles","MAX_VISIBLE","visibleAvatars","overflowCount","jsx","jsxs","av","i","UserAvatar","Button","Icon","ReplyOutlineIcon","Fragment"],"mappings":"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"}

package/dist/components/thread-footer/ThreadFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadFooter.d.ts","sourceRoot":"","sources":["../../../src/components/thread-footer/ThreadFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO5C,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE9D,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,+BAA+B;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,oCAAoC;IACpC,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wDAAwD;IACxD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,UAAc,EACd,OAAY,EACZ,KAAc,EACd,SAAiB,EACjB,aAAa,EACb,OAAO,EACP,cAAc,EACd,OAAe,EACf,SAAc,EACd,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAkHnB"}

package/dist/components/thread-footer/ThreadFooter.js

@@ -0,0 +1,103 @@
+import { jsx as a, jsxs as r, Fragment as g } from "react/jsx-runtime";
+import w from "../user-avatar/UserAvatar.js";
+import _ from "../button/Button.js";
+import y from "../icon/Icon.js";
+import __j from "@mattermost/compass-icons/components/reply-outline.js";const j=__j&&__j.default?__j.default:__j;
+import e from "./ThreadFooter.module.scss.js";
+function U({
+  replyCount: t = 3,
+  avatars: s = [],
+  badge: d = "none",
+  following: o = !1,
+  lastReplyTime: h,
+  onReply: m,
+  onFollowToggle: f,
+  hovered: p = !1,
+  className: v = "",
+  ...N
+}) {
+  const b = [e["thread-footer"], v].filter(Boolean).join(" "), n = 3, i = s.slice(0, n), c = s.length > n ? s.length - n : 0;
+  return /* @__PURE__ */ a("div", { className: b, ...N, children: /* @__PURE__ */ r("div", { className: e["thread-footer__inner"], children: [
+    /* @__PURE__ */ r("div", { className: e["thread-footer__avatars-group"], children: [
+      d === "unread" && /* @__PURE__ */ a(
+        "span",
+        {
+          className: e["thread-footer__unread-dot"],
+          "aria-label": "Unread replies"
+        }
+      ),
+      d === "mention" && /* @__PURE__ */ a("span", { className: e["thread-footer__mention-badge"], children: "@" }),
+      i.length > 0 && /* @__PURE__ */ r("div", { className: e["thread-footer__avatars"], children: [
+        i.map((l, u) => /* @__PURE__ */ a(
+          w,
+          {
+            src: l.src,
+            alt: l.alt,
+            size: "20",
+            className: e["thread-footer__avatar"]
+          },
+          u
+        )),
+        c > 0 && /* @__PURE__ */ r("span", { className: e["thread-footer__avatar-overflow"], children: [
+          "+",
+          c
+        ] })
+      ] }),
+      i.length === 0 && /* @__PURE__ */ r("div", { className: e["thread-footer__avatars"], children: [
+        [0, 1, 2].map((l) => /* @__PURE__ */ a(
+          "span",
+          {
+            className: e["thread-footer__avatar-placeholder"]
+          },
+          l
+        )),
+        /* @__PURE__ */ a("span", { className: e["thread-footer__avatar-overflow"], children: "+2" })
+      ] })
+    ] }),
+    /* @__PURE__ */ r("div", { className: e["thread-footer__buttons"], children: [
+      /* @__PURE__ */ a(
+        _,
+        {
+          emphasis: "quaternary",
+          size: "x-small",
+          className: [
+            e["thread-footer__reply-btn"],
+            p ? e["thread-footer__reply-btn--hovered"] : ""
+          ].filter(Boolean).join(" "),
+          onClick: m,
+          "aria-label": `${t} repl${t === 1 ? "y" : "ies"}`,
+          leadingIcon: /* @__PURE__ */ a(y, { size: "12", glyph: /* @__PURE__ */ a(j, {}) }),
+          children: /* @__PURE__ */ r("span", { className: e["thread-footer__btn-label"], children: [
+            t,
+            " ",
+            t === 1 ? "reply" : "replies"
+          ] })
+        }
+      ),
+      /* @__PURE__ */ a("div", { className: e["thread-footer__divider"], "aria-hidden": !0 }),
+      /* @__PURE__ */ a(
+        _,
+        {
+          emphasis: "quaternary",
+          size: "x-small",
+          className: [
+            e["thread-footer__follow-btn"],
+            o ? e["thread-footer__follow-btn--following"] : ""
+          ].filter(Boolean).join(" "),
+          onClick: f,
+          "aria-pressed": o,
+          "aria-label": o ? "Unfollow thread" : "Follow thread",
+          children: o ? "Following" : "Follow"
+        }
+      ),
+      o && h && /* @__PURE__ */ r(g, { children: [
+        /* @__PURE__ */ a("div", { className: e["thread-footer__divider"], "aria-hidden": !0 }),
+        /* @__PURE__ */ a("span", { className: e["thread-footer__last-reply"], children: h })
+      ] })
+    ] })
+  ] }) });
+}
+export {
+  U as default
+};
+//# sourceMappingURL=ThreadFooter.js.map

package/dist/components/thread-footer/ThreadFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadFooter.js","sources":["../../../src/components/thread-footer/ThreadFooter.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport Button from '@/components/button/Button';\nimport Icon from '@/components/icon/Icon';\nimport ReplyOutlineIcon from '@mattermost/compass-icons/components/reply-outline';\nimport styles from './ThreadFooter.module.scss';\n\nexport type ThreadFooterBadge = 'none' | 'unread' | 'mention';\n\nexport interface AvatarData {\n  src: string;\n  alt: string;\n}\n\nexport interface ThreadFooterProps extends HTMLAttributes<HTMLDivElement> {\n  /** Reply count. Default: 3. */\n  replyCount?: number;\n  /** Participant avatars (first 3 shown, overflow as +N). */\n  avatars?: AvatarData[];\n  /** Badge variant. Default: None. */\n  badge?: ThreadFooterBadge;\n  /** Whether the current user is following the thread. Default: false. */\n  following?: boolean;\n  /** Last reply timestamp label. Shown when following. */\n  lastReplyTime?: string;\n  /** Called when Reply is clicked. */\n  onReply?: () => void;\n  /** Called when Follow/Following is clicked. */\n  onFollowToggle?: () => void;\n  /** Hover / active state for button highlight. Default: false. */\n  hovered?: boolean;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\n/**\n * The Thread Footer is the reply summary bar at the bottom of a message. It shows\n * participants, reply count, follow state, and last-reply time — the information someone\n * needs to decide whether to dive in.\n */\nexport default function ThreadFooter({\n  replyCount = 3,\n  avatars = [],\n  badge = 'none',\n  following = false,\n  lastReplyTime,\n  onReply,\n  onFollowToggle,\n  hovered = false,\n  className = '',\n  ...rest\n}: ThreadFooterProps) {\n  const rootClass = [styles['thread-footer'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  const MAX_VISIBLE = 3;\n  const visibleAvatars = avatars.slice(0, MAX_VISIBLE);\n  const overflowCount =\n    avatars.length > MAX_VISIBLE ? avatars.length - MAX_VISIBLE : 0;\n\n  return (\n    <div className={rootClass} {...rest}>\n      <div className={styles['thread-footer__inner']}>\n        {/* Badge + Avatars */}\n        <div className={styles['thread-footer__avatars-group']}>\n          {badge === 'unread' && (\n            <span\n              className={styles['thread-footer__unread-dot']}\n              aria-label=\"Unread replies\"\n            />\n          )}\n          {badge === 'mention' && (\n            <span className={styles['thread-footer__mention-badge']}>@</span>\n          )}\n\n          {/* Avatar stack */}\n          {visibleAvatars.length > 0 && (\n            <div className={styles['thread-footer__avatars']}>\n              {visibleAvatars.map((av, i) => (\n                <UserAvatar\n                  key={i}\n                  src={av.src}\n                  alt={av.alt}\n                  size=\"20\"\n                  className={styles['thread-footer__avatar']}\n                />\n              ))}\n              {overflowCount > 0 && (\n                <span className={styles['thread-footer__avatar-overflow']}>\n                  +{overflowCount}\n                </span>\n              )}\n            </div>\n          )}\n\n          {/* Placeholder avatars when none provided */}\n          {visibleAvatars.length === 0 && (\n            <div className={styles['thread-footer__avatars']}>\n              {[0, 1, 2].map((i) => (\n                <span\n                  key={i}\n                  className={styles['thread-footer__avatar-placeholder']}\n                />\n              ))}\n              <span className={styles['thread-footer__avatar-overflow']}>\n                +2\n              </span>\n            </div>\n          )}\n        </div>\n\n        {/* Buttons */}\n        <div className={styles['thread-footer__buttons']}>\n          {/* Reply button */}\n          <Button\n            emphasis=\"quaternary\"\n            size=\"x-small\"\n            className={[\n              styles['thread-footer__reply-btn'],\n              hovered ? styles['thread-footer__reply-btn--hovered'] : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onClick={onReply}\n            aria-label={`${replyCount} repl${replyCount === 1 ? 'y' : 'ies'}`}\n            leadingIcon={<Icon size=\"12\" glyph={<ReplyOutlineIcon />} />}\n          >\n            <span className={styles['thread-footer__btn-label']}>\n              {replyCount} {replyCount === 1 ? 'reply' : 'replies'}\n            </span>\n          </Button>\n\n          <div className={styles['thread-footer__divider']} aria-hidden />\n\n          {/* Follow / Following button */}\n          <Button\n            emphasis=\"quaternary\"\n            size=\"x-small\"\n            className={[\n              styles['thread-footer__follow-btn'],\n              following ? styles['thread-footer__follow-btn--following'] : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onClick={onFollowToggle}\n            aria-pressed={following}\n            aria-label={following ? 'Unfollow thread' : 'Follow thread'}\n          >\n            {following ? 'Following' : 'Follow'}\n          </Button>\n\n          {/* Last reply time — visible when following */}\n          {following && lastReplyTime && (\n            <>\n              <div className={styles['thread-footer__divider']} aria-hidden />\n              <span className={styles['thread-footer__last-reply']}>\n                {lastReplyTime}\n              </span>\n            </>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["ThreadFooter","replyCount","avatars","badge","following","lastReplyTime","onReply","onFollowToggle","hovered","className","rest","rootClass","styles","MAX_VISIBLE","visibleAvatars","overflowCount","jsx","jsxs","av","i","UserAvatar","Button","Icon","ReplyOutlineIcon","Fragment"],"mappings":"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"}

package/dist/components/thread-footer/ThreadFooter.module.css

@@ -0,0 +1 @@
+._thread-footer_v5ros_2{display:flex;flex-direction:column;align-items:flex-start;padding:var(--spacing-s) var(--spacing-l)}._thread-footer__inner_v5ros_8{display:inline-flex;align-items:center;padding:0 var(--spacing-s);border-radius:var(--radius-s)}._thread-footer__avatars-group_v5ros_14{display:inline-flex;align-items:center;gap:var(--spacing-xxxs);padding-right:var(--spacing-xxxs)}._thread-footer__unread-dot_v5ros_20{display:block;width:8px;height:8px;border-radius:var(--radius-full);background-color:var(--link-color);flex-shrink:0}._thread-footer__mention-badge_v5ros_28{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 var(--spacing-xxxs);border-radius:var(--radius-s);background-color:var(--mention-bg);color:var(--mention-color);font-family:var(--font-family-body);font-size:var(--font-size-25);font-weight:var(--font-weight-semibold);line-height:1}._thread-footer__avatars_v5ros_14{display:inline-flex;align-items:center;padding-right:3px}._thread-footer__avatar_v5ros_14{border:1px solid var(--center-channel-bg);border-radius:var(--radius-full);margin-right:-3px;flex-shrink:0}._thread-footer__avatar-placeholder_v5ros_54{display:block;width:24px;height:24px;border-radius:var(--radius-full);border:1px solid var(--center-channel-bg);background-color:rgba(var(--center-channel-color-rgb),.16);margin-right:-3px;flex-shrink:0}._thread-footer__avatar-overflow_v5ros_64{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);border:1px solid var(--center-channel-bg);background-color:var(--center-channel-bg);color:rgba(var(--center-channel-color-rgb),.56);font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);margin-right:-3px;flex-shrink:0}._thread-footer__buttons_v5ros_80{display:inline-flex;align-items:center;gap:var(--spacing-xxxxs)}._thread-footer__reply-btn_v5ros_85{display:inline-flex;align-items:center;gap:var(--spacing-xxxs);padding:4.5px var(--spacing-s);border:none;border-radius:var(--radius-s);background-color:transparent;color:rgba(var(--center-channel-color-rgb),.75);cursor:pointer;transition:background-color var(--duration-quick) var(--ease-transition)}._thread-footer__reply-btn_v5ros_85:hover,._thread-footer__reply-btn--hovered_v5ros_97{background-color:rgba(var(--center-channel-color-rgb),.08)}._thread-footer__reply-btn_v5ros_85:focus-visible{outline:2px solid var(--link-color);outline-offset:1px}._thread-footer__btn-icon_v5ros_104{display:inline-flex;align-items:center;flex-shrink:0;color:rgba(var(--center-channel-color-rgb),.75)}._thread-footer__btn-label_v5ros_110{font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:15px;white-space:nowrap}._thread-footer__divider_v5ros_117{width:1px;height:16px;background-color:rgba(var(--center-channel-color-rgb),.16);flex-shrink:0}._thread-footer__follow-btn_v5ros_123{display:inline-flex;align-items:center;padding:4.5px var(--spacing-s);border:none;border-radius:var(--radius-s);background-color:transparent;color:rgba(var(--center-channel-color-rgb),.75);font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:15px;white-space:nowrap;cursor:pointer;transition:background-color var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition)}._thread-footer__follow-btn_v5ros_123:hover{background-color:rgba(var(--center-channel-color-rgb),.08)}._thread-footer__follow-btn_v5ros_123:focus-visible{outline:2px solid var(--link-color);outline-offset:1px}._thread-footer__follow-btn--following_v5ros_146{color:var(--link-color);background-color:rgba(var(--link-color-rgb),.08)}._thread-footer__follow-btn--following_v5ros_146:hover{background-color:rgba(var(--link-color-rgb),.12)}._thread-footer__last-reply_v5ros_153{padding:4.5px var(--spacing-s);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-regular);line-height:15px;white-space:nowrap}

package/dist/components/thread-footer/ThreadFooter.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ThreadFooter.module.css');const r={"thread-footer":"_thread-footer_v5ros_2","thread-footer__inner":"_thread-footer__inner_v5ros_8","thread-footer__avatars-group":"_thread-footer__avatars-group_v5ros_14","thread-footer__unread-dot":"_thread-footer__unread-dot_v5ros_20","thread-footer__mention-badge":"_thread-footer__mention-badge_v5ros_28","thread-footer__avatars":"_thread-footer__avatars_v5ros_14","thread-footer__avatar":"_thread-footer__avatar_v5ros_14","thread-footer__avatar-placeholder":"_thread-footer__avatar-placeholder_v5ros_54","thread-footer__avatar-overflow":"_thread-footer__avatar-overflow_v5ros_64","thread-footer__buttons":"_thread-footer__buttons_v5ros_80","thread-footer__reply-btn":"_thread-footer__reply-btn_v5ros_85","thread-footer__reply-btn--hovered":"_thread-footer__reply-btn--hovered_v5ros_97","thread-footer__btn-label":"_thread-footer__btn-label_v5ros_110","thread-footer__divider":"_thread-footer__divider_v5ros_117","thread-footer__follow-btn":"_thread-footer__follow-btn_v5ros_123","thread-footer__follow-btn--following":"_thread-footer__follow-btn--following_v5ros_146","thread-footer__last-reply":"_thread-footer__last-reply_v5ros_153"};exports.default=r;
+//# sourceMappingURL=ThreadFooter.module.scss.cjs.map

package/dist/components/thread-footer/ThreadFooter.module.scss.cjs.map

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

package/dist/components/thread-footer/ThreadFooter.module.scss.js

@@ -0,0 +1,23 @@
+import './ThreadFooter.module.css';const r = {
+  "thread-footer": "_thread-footer_v5ros_2",
+  "thread-footer__inner": "_thread-footer__inner_v5ros_8",
+  "thread-footer__avatars-group": "_thread-footer__avatars-group_v5ros_14",
+  "thread-footer__unread-dot": "_thread-footer__unread-dot_v5ros_20",
+  "thread-footer__mention-badge": "_thread-footer__mention-badge_v5ros_28",
+  "thread-footer__avatars": "_thread-footer__avatars_v5ros_14",
+  "thread-footer__avatar": "_thread-footer__avatar_v5ros_14",
+  "thread-footer__avatar-placeholder": "_thread-footer__avatar-placeholder_v5ros_54",
+  "thread-footer__avatar-overflow": "_thread-footer__avatar-overflow_v5ros_64",
+  "thread-footer__buttons": "_thread-footer__buttons_v5ros_80",
+  "thread-footer__reply-btn": "_thread-footer__reply-btn_v5ros_85",
+  "thread-footer__reply-btn--hovered": "_thread-footer__reply-btn--hovered_v5ros_97",
+  "thread-footer__btn-label": "_thread-footer__btn-label_v5ros_110",
+  "thread-footer__divider": "_thread-footer__divider_v5ros_117",
+  "thread-footer__follow-btn": "_thread-footer__follow-btn_v5ros_123",
+  "thread-footer__follow-btn--following": "_thread-footer__follow-btn--following_v5ros_146",
+  "thread-footer__last-reply": "_thread-footer__last-reply_v5ros_153"
+};
+export {
+  r as default
+};
+//# sourceMappingURL=ThreadFooter.module.scss.js.map

package/dist/components/thread-footer/ThreadFooter.module.scss.js.map

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

package/dist/components/thread-footer/index.cjs

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

package/dist/components/thread-footer/index.cjs.map

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

package/dist/components/thread-footer/index.d.ts.map

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

package/dist/components/thread-footer/index.js

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

package/dist/components/thread-footer/index.js.map

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

package/dist/components/thread-list-item/ThreadListItem.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__g=require("@mattermost/compass-icons/components/dots-horizontal.js"),g=__g?.default??__g,w=require("react"),b=require("../icon/Icon.cjs"),q=require("../icon-button/IconButton.cjs"),I=require("../tag/Tag.cjs"),T=require("../mention-badge/MentionBadge.cjs"),A=require("../unread-badge/UnreadBadge.cjs"),R=require("../user-avatar-group/UserAvatarGroup.cjs"),t=require("./ThreadListItem.module.scss.cjs"),B=[{key:"leonard",name:"Leonard Riley"},{key:"aiko",name:"Aiko Tan"},{key:"arjun",name:"Arjun Patel"},{key:"marco",name:"Marco Rinaldi"},{key:"sofia",name:"Sofia Bauer"}];function D({active:r=!1,badge:i="none",mentionCount:m=1,authorName:h="Martin Kraft",channelLabel:_="ENTERPRISE TEAM",previewText:f="Do we have a guideline for what minimum width we should support in the system console? I know that…",timestamp:p="5 mins ago",replyCount:d=3,participants:n,threadTitle:o,className:j="",onClick:a,onMenuClick:l}){const c=n===void 0?B:n,x=c.length>0,u=!r&&(i==="unread"||i==="mention"),N=d===1?"1 reply":`${d} replies`,v=[t.default["thread-list-item"],r?t.default["thread-list-item--active"]:"",j].filter(Boolean).join(" "),y=w.useCallback(s=>{a&&(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),a())},[a]);return e.jsxs("div",{className:v,onClick:a,role:a?"button":void 0,tabIndex:a?0:void 0,onKeyDown:a?y:void 0,children:[e.jsx("div",{className:t.default["thread-list-item__thread"],children:e.jsxs("div",{className:t.default["thread-list-item__container"],children:[e.jsxs("div",{className:t.default["thread-list-item__post-content"],children:[e.jsxs("div",{className:t.default["thread-list-item__gutter"],children:[u&&i==="unread"&&e.jsx(A.default,{className:t.default["thread-list-item__unread-badge"],context:"icon-button"}),u&&i==="mention"&&e.jsx("span",{className:t.default["thread-list-item__mention-gutter"],children:e.jsx(T.default,{count:m,location:"channel",size:"medium"})})]}),e.jsx("div",{className:t.default["thread-list-item__post-body"],children:e.jsxs("div",{className:t.default["thread-list-item__post-body-content"],children:[e.jsxs("div",{className:t.default["thread-list-item__name-row"],children:[e.jsxs("div",{className:t.default["thread-list-item__name-group"],children:[e.jsx("span",{className:t.default["thread-list-item__author"],children:h}),e.jsx(I.default,{casing:"all-caps",label:_})]}),e.jsx("span",{className:t.default["thread-list-item__timestamp"],children:p})]}),o!=null&&e.jsx("div",{className:t.default["thread-list-item__title-row"],children:e.jsx("p",{className:t.default["thread-list-item__title"],children:o})}),e.jsx("p",{className:t.default["thread-list-item__preview"],children:f})]})})]}),e.jsx("div",{className:t.default["thread-list-item__replies"],children:e.jsxs("div",{className:t.default["thread-list-item__replies-inner"],children:[x&&e.jsx(R.default,{avatars:c,className:t.default["thread-list-item__avatar-group"],max:3,size:"20"}),e.jsx("span",{className:t.default["thread-list-item__reply-count"],children:N})]})})]})}),e.jsx("div",{className:t.default["thread-list-item__actions"],children:e.jsx("span",{className:t.default["thread-list-item__menu-button"],children:e.jsx(q.default,{"aria-label":"Thread actions",icon:e.jsx(b.default,{size:"16",glyph:e.jsx(g,{})}),padding:"compact",size:"small",style:"default",type:"button",onClick:s=>{s.stopPropagation(),l==null||l(s)}})})})]})}exports.default=D;
+//# sourceMappingURL=ThreadListItem.cjs.map

package/dist/components/thread-list-item/ThreadListItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadListItem.cjs","sources":["../../../src/components/thread-list-item/ThreadListItem.tsx"],"sourcesContent":["import DotsHorizontalIcon from '@mattermost/compass-icons/components/dots-horizontal';\nimport { type KeyboardEvent, type MouseEvent, useCallback } from 'react';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Tag from '@/components/tag/Tag';\nimport MentionBadge from '../mention-badge/MentionBadge';\nimport UnreadBadge from '../unread-badge/UnreadBadge';\nimport UserAvatarGroup, {\n  type UserAvatarGroupItem,\n} from '../user-avatar-group/UserAvatarGroup';\nimport styles from './ThreadListItem.module.scss';\n\nconst DEFAULT_PARTICIPANTS: UserAvatarGroupItem[] = [\n  { key: 'leonard', name: 'Leonard Riley' },\n  { key: 'aiko', name: 'Aiko Tan' },\n  { key: 'arjun', name: 'Arjun Patel' },\n  { key: 'marco', name: 'Marco Rinaldi' },\n  { key: 'sofia', name: 'Sofia Bauer' },\n];\n\nexport interface ThreadListItemProps {\n  /** Whether this item is the active/selected thread. */\n  active?: boolean;\n  /** Badge in the left gutter. Default: None. Hidden when `active` is true. */\n  badge?: 'none' | 'unread' | 'mention';\n  /** Shown when `badge` is Mention. Default: 1. */\n  mentionCount?: number;\n  /** Author name. */\n  authorName?: string;\n  /** Channel/team label. */\n  channelLabel?: string;\n  /** Message preview text. */\n  previewText?: string;\n  /** Timestamp label. */\n  timestamp?: string;\n  /** Number of replies. */\n  replyCount?: number;\n  /** Stacked avatars for recent participants. Pass `[]` to hide. When omitted, uses demo participants. */\n  participants?: UserAvatarGroupItem[];\n  /** Optional thread title. */\n  threadTitle?: string;\n  /** Optional CSS class name. */\n  className?: string;\n  /** Click handler. */\n  onClick?: () => void;\n  /** Thread overflow menu handler. */\n  onMenuClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n}\n\n/**\n * The Thread List Item is a single entry in the Threads view. Each row gives the user enough\n * context — who, where, what, when — to decide whether to open the thread without opening\n * it.\n */\nexport default function ThreadListItem({\n  active = false,\n  badge = 'none',\n  mentionCount = 1,\n  authorName = 'Martin Kraft',\n  channelLabel = 'ENTERPRISE TEAM',\n  previewText = 'Do we have a guideline for what minimum width we should support in the system console? I know that…',\n  timestamp = '5 mins ago',\n  replyCount = 3,\n  participants: participantsProp,\n  threadTitle,\n  className = '',\n  onClick,\n  onMenuClick,\n}: ThreadListItemProps) {\n  const participants =\n    participantsProp === undefined ? DEFAULT_PARTICIPANTS : participantsProp;\n  const showParticipants = participants.length > 0;\n  const showGutterBadge =\n    !active && (badge === 'unread' || badge === 'mention');\n  const replyLabel = replyCount === 1 ? '1 reply' : `${replyCount} replies`;\n\n  const rootClass = [\n    styles['thread-list-item'],\n    active ? styles['thread-list-item--active'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      if (!onClick) return;\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault();\n        onClick();\n      }\n    },\n    [onClick],\n  );\n\n  return (\n    <div\n      className={rootClass}\n      onClick={onClick}\n      role={onClick ? 'button' : undefined}\n      tabIndex={onClick ? 0 : undefined}\n      onKeyDown={onClick ? handleKeyDown : undefined}\n    >\n      <div className={styles['thread-list-item__thread']}>\n        <div className={styles['thread-list-item__container']}>\n          <div className={styles['thread-list-item__post-content']}>\n            <div className={styles['thread-list-item__gutter']}>\n              {showGutterBadge && badge === 'unread' && (\n                <UnreadBadge\n                  className={styles['thread-list-item__unread-badge']}\n                  context=\"icon-button\"\n                />\n              )}\n              {showGutterBadge && badge === 'mention' && (\n                <span className={styles['thread-list-item__mention-gutter']}>\n                  <MentionBadge\n                    count={mentionCount}\n                    location=\"channel\"\n                    size=\"medium\"\n                  />\n                </span>\n              )}\n            </div>\n            <div className={styles['thread-list-item__post-body']}>\n              <div className={styles['thread-list-item__post-body-content']}>\n                <div className={styles['thread-list-item__name-row']}>\n                  <div className={styles['thread-list-item__name-group']}>\n                    <span className={styles['thread-list-item__author']}>\n                      {authorName}\n                    </span>\n                    <Tag\n                      casing=\"all-caps\"\n                      label={channelLabel}\n                    />\n                  </div>\n                  <span className={styles['thread-list-item__timestamp']}>\n                    {timestamp}\n                  </span>\n                </div>\n                {threadTitle != null && (\n                  <div className={styles['thread-list-item__title-row']}>\n                    <p className={styles['thread-list-item__title']}>\n                      {threadTitle}\n                    </p>\n                  </div>\n                )}\n                <p className={styles['thread-list-item__preview']}>\n                  {previewText}\n                </p>\n              </div>\n            </div>\n          </div>\n          <div className={styles['thread-list-item__replies']}>\n            <div className={styles['thread-list-item__replies-inner']}>\n              {showParticipants && (\n                <UserAvatarGroup\n                  avatars={participants}\n                  className={styles['thread-list-item__avatar-group']}\n                  max={3}\n                  size=\"20\"\n                />\n              )}\n              <span className={styles['thread-list-item__reply-count']}>\n                {replyLabel}\n              </span>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div className={styles['thread-list-item__actions']}>\n        <span className={styles['thread-list-item__menu-button']}>\n          <IconButton\n            aria-label=\"Thread actions\"\n            icon={<Icon size=\"16\" glyph={<DotsHorizontalIcon />} />}\n            padding=\"compact\"\n            size=\"small\"\n            style=\"default\"\n            type=\"button\"\n            onClick={(e) => {\n              e.stopPropagation();\n              onMenuClick?.(e);\n            }}\n          />\n        </span>\n      </div>\n    </div>\n  );\n}\n"],"names":["DEFAULT_PARTICIPANTS","ThreadListItem","active","badge","mentionCount","authorName","channelLabel","previewText","timestamp","replyCount","participantsProp","threadTitle","className","onClick","onMenuClick","participants","showParticipants","showGutterBadge","replyLabel","rootClass","styles","handleKeyDown","useCallback","event","jsxs","jsx","UnreadBadge","MentionBadge","Tag","UserAvatarGroup","IconButton","Icon","DotsHorizontalIcon","e"],"mappings":"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"}

package/dist/components/thread-list-item/ThreadListItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadListItem.d.ts","sourceRoot":"","sources":["../../../src/components/thread-list-item/ThreadListItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsB,KAAK,UAAU,EAAe,MAAM,OAAO,CAAC;AAMzE,OAAwB,EACtB,KAAK,mBAAmB,EACzB,MAAM,oCAAoC,CAAC;AAW5C,MAAM,WAAW,mBAAmB;IAClC,uDAAuD;IACvD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;IACtC,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wGAAwG;IACxG,YAAY,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACrC,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oCAAoC;IACpC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC9D;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,MAAc,EACd,KAAc,EACd,YAAgB,EAChB,UAA2B,EAC3B,YAAgC,EAChC,WAAmH,EACnH,SAAwB,EACxB,UAAc,EACd,YAAY,EAAE,gBAAgB,EAC9B,WAAW,EACX,SAAc,EACd,OAAO,EACP,WAAW,GACZ,EAAE,mBAAmB,2CAuHrB"}