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

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

@@ -1 +0,0 @@
-{"version":3,"file":"MessageInput.cjs","sources":["../../../src/components/message-input/MessageInput.tsx"],"sourcesContent":["import { useEffect, useState, useRef, useCallback } from 'react';\nimport AlertCircleOutlineIcon from '@mattermost/compass-icons/components/alert-circle-outline';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport ChevronUpIcon from '@mattermost/compass-icons/components/chevron-up';\nimport DotsHorizontalIcon from '@mattermost/compass-icons/components/dots-horizontal';\nimport CodeTagsIcon from '@mattermost/compass-icons/components/code-tags';\nimport CreationOutlineIcon from '@mattermost/compass-icons/components/creation-outline';\nimport EmoticonHappyOutlineIcon from '@mattermost/compass-icons/components/emoticon-happy-outline';\nimport EyeOutlineIcon from '@mattermost/compass-icons/components/eye-outline';\nimport FireIcon from '@mattermost/compass-icons/components/fire';\nimport FormatBoldIcon from '@mattermost/compass-icons/components/format-bold';\nimport FormatHeaderIcon from '@mattermost/compass-icons/components/format-header';\nimport FormatItalicIcon from '@mattermost/compass-icons/components/format-italic';\nimport FormatLetterCaseIcon from '@mattermost/compass-icons/components/format-letter-case';\nimport FormatListBulletedIcon from '@mattermost/compass-icons/components/format-list-bulleted';\nimport FormatListNumberedIcon from '@mattermost/compass-icons/components/format-list-numbered';\nimport FormatQuoteOpenIcon from '@mattermost/compass-icons/components/format-quote-open';\nimport FormatStrikethroughVariantIcon from '@mattermost/compass-icons/components/format-strikethrough-variant';\nimport LinkVariantIcon from '@mattermost/compass-icons/components/link-variant';\nimport PaperclipIcon from '@mattermost/compass-icons/components/paperclip';\nimport SendIcon from '@mattermost/compass-icons/components/send';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Tag from '@/components/tag/Tag';\nimport AttachmentCard from '@/components/attachment-card/AttachmentCard';\nimport styles from './MessageInput.module.scss';\n\nexport type MessageInputWidth = 'wide' | 'narrow';\n\nexport interface MessageInputProps {\n  className?: string;\n  placeholder?: string;\n  showPriorityIndicator?: boolean;\n  showAttachments?: boolean;\n  value?: string;\n  onChange?: (value: string) => void;\n  onSelectionChange?: () => void;\n  inputRef?: React.RefObject<HTMLTextAreaElement | null>;\n  /** `narrow` matches the Figma Message Input “Narrow” / right-sidebar layout. */\n  width?: MessageInputWidth;\n}\n\nexport default function MessageInput({\n  className = '',\n  placeholder = 'Message channel…',\n  showPriorityIndicator = false,\n  showAttachments = false,\n  value,\n  onChange,\n  onSelectionChange,\n  inputRef,\n  width = 'wide',\n}: MessageInputProps) {\n  const [internalText, setInternalText] = useState('');\n  const isControlled = value !== undefined;\n  const text = isControlled ? value : internalText;\n  const setText = (next: string) => {\n    if (isControlled) onChange?.(next);\n    else setInternalText(next);\n  };\n  const [formattingOpen, setFormattingOpen] = useState(false);\n  const internalRef = useRef<HTMLTextAreaElement>(null);\n\n  const setTextareaRef = (node: HTMLTextAreaElement | null) => {\n    internalRef.current = node;\n    if (inputRef) {\n      (inputRef as React.MutableRefObject<HTMLTextAreaElement | null>).current = node;\n    }\n  };\n\n  const handleInput = useCallback(() => {\n    const el = internalRef.current;\n    if (!el) return;\n    el.style.height = 'auto';\n    el.style.height = `${el.scrollHeight}px`;\n  }, []);\n\n  useEffect(() => {\n    handleInput();\n  }, [text, handleInput]);\n\n  const hasSendValue = text.trim().length > 0;\n\n  const cls = (base: string, mod?: string) =>\n    [styles[base], mod ? styles[mod] : ''].filter(Boolean).join(' ');\n\n  const isNarrowFormattingOpen = width === 'narrow' && formattingOpen;\n  const showWideFormattingBar = formattingOpen && width === 'wide';\n\n  const composerActions = (\n    <>\n      <button\n        type=\"button\"\n        className={cls(\n          'message-input__format-btn',\n          formattingOpen ? 'message-input__format-btn--active' : '',\n        )}\n        aria-label={\n          formattingOpen\n            ? 'Hide formatting toolbar'\n            : 'Show formatting toolbar'\n        }\n        aria-pressed={formattingOpen}\n        onClick={() => setFormattingOpen((prev) => !prev)}\n      >\n        <Icon glyph={<FormatLetterCaseIcon />} size=\"16\" />\n        {isNarrowFormattingOpen ? (\n          <span className={styles['message-input__format-chevron']}>\n            <Icon glyph={<ChevronUpIcon />} size=\"12\" />\n          </span>\n        ) : (\n          <span\n            className={cls(\n              'message-input__format-chevron',\n              formattingOpen ? 'message-input__format-chevron--rotated' : '',\n            )}\n          >\n            <Icon glyph={<ChevronDownIcon />} size=\"12\" />\n          </span>\n        )}\n      </button>\n\n      <span\n        className={styles['message-input__actions-divider']}\n        aria-hidden\n      />\n\n      <IconButton\n        icon={<Icon glyph={<PaperclipIcon />} size=\"16\" />}\n        size=\"small\"\n        aria-label=\"Attach a file\"\n      />\n      <IconButton\n        icon={<Icon glyph={<EmoticonHappyOutlineIcon />} size=\"16\" />}\n        size=\"small\"\n        aria-label=\"Add an emoji\"\n      />\n\n      <div\n        className={cls(\n          'message-input__send',\n          !hasSendValue ? 'message-input__send--disabled' : '',\n        )}\n      >\n        <button\n          type=\"button\"\n          className={styles['message-input__send-main']}\n          aria-label=\"Send message\"\n          disabled={!hasSendValue}\n        >\n          <Icon glyph={<SendIcon />} size=\"16\" />\n        </button>\n        <button\n          type=\"button\"\n          className={styles['message-input__send-dropdown']}\n          aria-label=\"Send options\"\n          disabled={!hasSendValue}\n        >\n          <Icon glyph={<ChevronDownIcon />} size=\"16\" />\n        </button>\n      </div>\n    </>\n  );\n\n  const rootClass = [\n    styles['message-input'],\n    width === 'narrow' ? styles['message-input--width-narrow'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass}>\n      <div\n        className={cls(\n          'message-input__container',\n          formattingOpen ? 'message-input__container--formatting-open' : '',\n        )}\n      >\n        {/* Preview button — fades in when formatting is open */}\n        <button\n          type=\"button\"\n          className={cls(\n            'message-input__preview-btn',\n            formattingOpen ? 'message-input__preview-btn--visible' : '',\n          )}\n          aria-label=\"Preview\"\n          tabIndex={formattingOpen ? 0 : -1}\n        >\n          <Icon glyph={<EyeOutlineIcon />} size=\"16\" />\n        </button>\n\n        {/* Main text area */}\n        <div\n          className={cls(\n            'message-input__body',\n            formattingOpen ? 'message-input__body--formatting-open' : '',\n          )}\n        >\n          {showPriorityIndicator && (\n            <div className={styles['message-input__priority-row']}>\n              <Tag\n                label=\"IMPORTANT\"\n                type=\"info\"\n                size=\"x-small\"\n                casing=\"all-caps\"\n                leadingIcon={\n                  <Icon glyph={<AlertCircleOutlineIcon />} size=\"10\" />\n                }\n              />\n            </div>\n          )}\n          <textarea\n            ref={setTextareaRef}\n            className={styles['message-input__textarea']}\n            placeholder={placeholder}\n            value={text}\n            onChange={(e) => setText(e.target.value)}\n            onInput={handleInput}\n            onSelect={onSelectionChange}\n            onKeyUp={onSelectionChange}\n            onClick={onSelectionChange}\n            rows={1}\n          />\n        </div>\n\n        {/* Attachment cards */}\n        {showAttachments && (\n          <div className={styles['message-input__attachments']}>\n            <div className={styles['message-input__attachments-list']}>\n              <AttachmentCard\n                fileName=\"Design_Brief.pdf\"\n                fileMeta=\"PDF 240KB\"\n                fileType=\"pdf\"\n                state=\"default\"\n                onRemove={() => {}}\n              />\n              <AttachmentCard\n                fileName=\"Wireframes_v3.png\"\n                fileMeta=\"PNG 1.2MB\"\n                fileType=\"image-icon\"\n                state=\"default\"\n                onRemove={() => {}}\n              />\n            </div>\n          </div>\n        )}\n\n        {/* Formatting toolbar — full bar (wide only); narrow uses collapsed strip in footer */}\n        <div\n          className={cls(\n            'message-input__formatting-bar',\n            showWideFormattingBar ? 'message-input__formatting-bar--open' : '',\n          )}\n          aria-hidden={!showWideFormattingBar}\n        >\n          <div className={styles['message-input__toolbar-controls']}>\n            {/* Style */}\n            <div className={styles['message-input__toolbar-group']}>\n              <IconButton\n                icon={<Icon glyph={<FormatBoldIcon />} size=\"16\" />}\n                size=\"small\"\n                aria-label=\"Bold\"\n              />\n              <IconButton\n                icon={<Icon glyph={<FormatItalicIcon />} size=\"16\" />}\n                size=\"small\"\n                aria-label=\"Italic\"\n              />\n              <IconButton\n                icon={\n                  <Icon glyph={<FormatStrikethroughVariantIcon />} size=\"16\" />\n                }\n                size=\"small\"\n                aria-label=\"Strikethrough\"\n              />\n              <IconButton\n                icon={<Icon glyph={<FormatHeaderIcon />} size=\"16\" />}\n                size=\"small\"\n                aria-label=\"Heading\"\n              />\n            </div>\n\n            <span\n              className={styles['message-input__toolbar-divider']}\n              aria-hidden\n            />\n\n            {/* Links + Code */}\n            <div className={styles['message-input__toolbar-group']}>\n              <IconButton\n                icon={<Icon glyph={<LinkVariantIcon />} size=\"16\" />}\n                size=\"small\"\n                aria-label=\"Add link\"\n              />\n              <IconButton\n                icon={<Icon glyph={<CodeTagsIcon />} size=\"16\" />}\n                size=\"small\"\n                aria-label=\"Code\"\n              />\n            </div>\n\n            <span\n              className={styles['message-input__toolbar-divider']}\n              aria-hidden\n            />\n\n            {/* Paragraph */}\n            <div className={styles['message-input__toolbar-group']}>\n              <IconButton\n                icon={<Icon glyph={<FormatQuoteOpenIcon />} size=\"16\" />}\n                size=\"small\"\n                aria-label=\"Quote\"\n              />\n              <IconButton\n                icon={<Icon glyph={<FormatListBulletedIcon />} size=\"16\" />}\n                size=\"small\"\n                aria-label=\"Bulleted list\"\n              />\n              <IconButton\n                icon={<Icon glyph={<FormatListNumberedIcon />} size=\"16\" />}\n                size=\"small\"\n                aria-label=\"Numbered list\"\n              />\n            </div>\n\n            <span\n              className={styles['message-input__toolbar-divider']}\n              aria-hidden\n            />\n\n            {/* Tools */}\n            <div className={styles['message-input__toolbar-group']}>\n              <IconButton\n                icon={<Icon glyph={<AlertCircleOutlineIcon />} size=\"16\" />}\n                size=\"small\"\n                aria-label=\"Message priority\"\n              />\n              <IconButton\n                icon={<Icon glyph={<FireIcon />} size=\"16\" />}\n                size=\"small\"\n                aria-label=\"Burn on read\"\n              />\n              <IconButton\n                icon={<Icon glyph={<CreationOutlineIcon />} size=\"16\" />}\n                size=\"small\"\n                aria-label=\"AI assistance\"\n              />\n            </div>\n          </div>\n        </div>\n\n        {width === 'narrow' ? (\n          <div className={styles['message-input__narrow-chrome']}>\n            <div className={styles['message-input__narrow-chrome-left']}>\n              {formattingOpen && (\n                <div className={styles['message-input__formatting-collapsed']}>\n                  <IconButton\n                    icon={<Icon glyph={<FormatBoldIcon />} size=\"16\" />}\n                    size=\"small\"\n                    aria-label=\"Bold\"\n                  />\n                  <IconButton\n                    icon={<Icon glyph={<FormatItalicIcon />} size=\"16\" />}\n                    size=\"small\"\n                    aria-label=\"Italic\"\n                  />\n                  <IconButton\n                    icon={<Icon glyph={<LinkVariantIcon />} size=\"16\" />}\n                    size=\"small\"\n                    aria-label=\"Add link\"\n                  />\n                  <IconButton\n                    icon={<Icon glyph={<DotsHorizontalIcon />} size=\"16\" />}\n                    size=\"small\"\n                    aria-label=\"More formatting options\"\n                  />\n                </div>\n              )}\n            </div>\n            <div\n              className={[\n                styles['message-input__actions'],\n                styles['message-input__actions--narrow-chrome'],\n              ].join(' ')}\n            >\n              {composerActions}\n            </div>\n          </div>\n        ) : (\n          <div className={styles['message-input__actions']}>{composerActions}</div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["MessageInput","className","placeholder","showPriorityIndicator","showAttachments","value","onChange","onSelectionChange","inputRef","width","internalText","setInternalText","useState","isControlled","text","setText","next","formattingOpen","setFormattingOpen","internalRef","useRef","setTextareaRef","node","handleInput","useCallback","el","useEffect","hasSendValue","cls","base","mod","styles","isNarrowFormattingOpen","showWideFormattingBar","composerActions","jsxs","Fragment","prev","jsx","Icon","FormatLetterCaseIcon","ChevronUpIcon","ChevronDownIcon","IconButton","PaperclipIcon","EmoticonHappyOutlineIcon","SendIcon","rootClass","EyeOutlineIcon","Tag","AlertCircleOutlineIcon","e","AttachmentCard","FormatBoldIcon","FormatItalicIcon","FormatStrikethroughVariantIcon","FormatHeaderIcon","LinkVariantIcon","CodeTagsIcon","FormatQuoteOpenIcon","FormatListBulletedIcon","FormatListNumberedIcon","FireIcon","CreationOutlineIcon","DotsHorizontalIcon"],"mappings":"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"}

package/dist/components/message-input/MessageInput.d.ts

@@ -1,15 +0,0 @@
-export type MessageInputWidth = 'wide' | 'narrow';
-export interface MessageInputProps {
-    className?: string;
-    placeholder?: string;
-    showPriorityIndicator?: boolean;
-    showAttachments?: boolean;
-    value?: string;
-    onChange?: (value: string) => void;
-    onSelectionChange?: () => void;
-    inputRef?: React.RefObject<HTMLTextAreaElement | null>;
-    /** `narrow` matches the Figma Message Input “Narrow” / right-sidebar layout. */
-    width?: MessageInputWidth;
-}
-export default function MessageInput({ className, placeholder, showPriorityIndicator, showAttachments, value, onChange, onSelectionChange, inputRef, width, }: MessageInputProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=MessageInput.d.ts.map

package/dist/components/message-input/MessageInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageInput.d.ts","sourceRoot":"","sources":["../../../src/components/message-input/MessageInput.tsx"],"names":[],"mappings":"AA2BA,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,QAAQ,CAAC;AAElD,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACvD,gFAAgF;IAChF,KAAK,CAAC,EAAE,iBAAiB,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,SAAc,EACd,WAAgC,EAChC,qBAA6B,EAC7B,eAAuB,EACvB,KAAK,EACL,QAAQ,EACR,iBAAiB,EACjB,QAAQ,EACR,KAAc,GACf,EAAE,iBAAiB,2CAwVnB"}

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

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

package/dist/components/message-input/MessageInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageInput.js","sources":["../../../src/components/message-input/MessageInput.tsx"],"sourcesContent":["import { useEffect, useState, useRef, useCallback } from 'react';\nimport AlertCircleOutlineIcon from '@mattermost/compass-icons/components/alert-circle-outline';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport ChevronUpIcon from '@mattermost/compass-icons/components/chevron-up';\nimport DotsHorizontalIcon from '@mattermost/compass-icons/components/dots-horizontal';\nimport CodeTagsIcon from '@mattermost/compass-icons/components/code-tags';\nimport CreationOutlineIcon from '@mattermost/compass-icons/components/creation-outline';\nimport EmoticonHappyOutlineIcon from '@mattermost/compass-icons/components/emoticon-happy-outline';\nimport EyeOutlineIcon from '@mattermost/compass-icons/components/eye-outline';\nimport FireIcon from '@mattermost/compass-icons/components/fire';\nimport FormatBoldIcon from '@mattermost/compass-icons/components/format-bold';\nimport FormatHeaderIcon from '@mattermost/compass-icons/components/format-header';\nimport FormatItalicIcon from '@mattermost/compass-icons/components/format-italic';\nimport FormatLetterCaseIcon from '@mattermost/compass-icons/components/format-letter-case';\nimport FormatListBulletedIcon from '@mattermost/compass-icons/components/format-list-bulleted';\nimport FormatListNumberedIcon from '@mattermost/compass-icons/components/format-list-numbered';\nimport FormatQuoteOpenIcon from '@mattermost/compass-icons/components/format-quote-open';\nimport FormatStrikethroughVariantIcon from '@mattermost/compass-icons/components/format-strikethrough-variant';\nimport LinkVariantIcon from '@mattermost/compass-icons/components/link-variant';\nimport PaperclipIcon from '@mattermost/compass-icons/components/paperclip';\nimport SendIcon from '@mattermost/compass-icons/components/send';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Tag from '@/components/tag/Tag';\nimport AttachmentCard from '@/components/attachment-card/AttachmentCard';\nimport styles from './MessageInput.module.scss';\n\nexport type MessageInputWidth = 'wide' | 'narrow';\n\nexport interface MessageInputProps {\n  className?: string;\n  placeholder?: string;\n  showPriorityIndicator?: boolean;\n  showAttachments?: boolean;\n  value?: string;\n  onChange?: (value: string) => void;\n  onSelectionChange?: () => void;\n  inputRef?: React.RefObject<HTMLTextAreaElement | null>;\n  /** `narrow` matches the Figma Message Input “Narrow” / right-sidebar layout. */\n  width?: MessageInputWidth;\n}\n\nexport default function MessageInput({\n  className = '',\n  placeholder = 'Message channel…',\n  showPriorityIndicator = false,\n  showAttachments = false,\n  value,\n  onChange,\n  onSelectionChange,\n  inputRef,\n  width = 'wide',\n}: MessageInputProps) {\n  const [internalText, setInternalText] = useState('');\n  const isControlled = value !== undefined;\n  const text = isControlled ? value : internalText;\n  const setText = (next: string) => {\n    if (isControlled) onChange?.(next);\n    else setInternalText(next);\n  };\n  const [formattingOpen, setFormattingOpen] = useState(false);\n  const internalRef = useRef<HTMLTextAreaElement>(null);\n\n  const setTextareaRef = (node: HTMLTextAreaElement | null) => {\n    internalRef.current = node;\n    if (inputRef) {\n      (inputRef as React.MutableRefObject<HTMLTextAreaElement | null>).current = node;\n    }\n  };\n\n  const handleInput = useCallback(() => {\n    const el = internalRef.current;\n    if (!el) return;\n    el.style.height = 'auto';\n    el.style.height = `${el.scrollHeight}px`;\n  }, []);\n\n  useEffect(() => {\n    handleInput();\n  }, [text, handleInput]);\n\n  const hasSendValue = text.trim().length > 0;\n\n  const cls = (base: string, mod?: string) =>\n    [styles[base], mod ? styles[mod] : ''].filter(Boolean).join(' ');\n\n  const isNarrowFormattingOpen = width === 'narrow' && formattingOpen;\n  const showWideFormattingBar = formattingOpen && width === 'wide';\n\n  const composerActions = (\n    <>\n      <button\n        type=\"button\"\n        className={cls(\n          'message-input__format-btn',\n          formattingOpen ? 'message-input__format-btn--active' : '',\n        )}\n        aria-label={\n          formattingOpen\n            ? 'Hide formatting toolbar'\n            : 'Show formatting toolbar'\n        }\n        aria-pressed={formattingOpen}\n        onClick={() => setFormattingOpen((prev) => !prev)}\n      >\n        <Icon glyph={<FormatLetterCaseIcon />} size=\"16\" />\n        {isNarrowFormattingOpen ? (\n          <span className={styles['message-input__format-chevron']}>\n            <Icon glyph={<ChevronUpIcon />} size=\"12\" />\n          </span>\n        ) : (\n          <span\n            className={cls(\n              'message-input__format-chevron',\n              formattingOpen ? 'message-input__format-chevron--rotated' : '',\n            )}\n          >\n            <Icon glyph={<ChevronDownIcon />} size=\"12\" />\n          </span>\n        )}\n      </button>\n\n      <span\n        className={styles['message-input__actions-divider']}\n        aria-hidden\n      />\n\n      <IconButton\n        icon={<Icon glyph={<PaperclipIcon />} size=\"16\" />}\n        size=\"small\"\n        aria-label=\"Attach a file\"\n      />\n      <IconButton\n        icon={<Icon glyph={<EmoticonHappyOutlineIcon />} size=\"16\" />}\n        size=\"small\"\n        aria-label=\"Add an emoji\"\n      />\n\n      <div\n        className={cls(\n          'message-input__send',\n          !hasSendValue ? 'message-input__send--disabled' : '',\n        )}\n      >\n        <button\n          type=\"button\"\n          className={styles['message-input__send-main']}\n          aria-label=\"Send message\"\n          disabled={!hasSendValue}\n        >\n          <Icon glyph={<SendIcon />} size=\"16\" />\n        </button>\n        <button\n          type=\"button\"\n          className={styles['message-input__send-dropdown']}\n          aria-label=\"Send options\"\n          disabled={!hasSendValue}\n        >\n          <Icon glyph={<ChevronDownIcon />} size=\"16\" />\n        </button>\n      </div>\n    </>\n  );\n\n  const rootClass = [\n    styles['message-input'],\n    width === 'narrow' ? styles['message-input--width-narrow'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass}>\n      <div\n        className={cls(\n          'message-input__container',\n          formattingOpen ? 'message-input__container--formatting-open' : '',\n        )}\n      >\n        {/* Preview button — fades in when formatting is open */}\n        <button\n          type=\"button\"\n          className={cls(\n            'message-input__preview-btn',\n            formattingOpen ? 'message-input__preview-btn--visible' : '',\n          )}\n          aria-label=\"Preview\"\n          tabIndex={formattingOpen ? 0 : -1}\n        >\n          <Icon glyph={<EyeOutlineIcon />} size=\"16\" />\n        </button>\n\n        {/* Main text area */}\n        <div\n          className={cls(\n            'message-input__body',\n            formattingOpen ? 'message-input__body--formatting-open' : '',\n          )}\n        >\n          {showPriorityIndicator && (\n            <div className={styles['message-input__priority-row']}>\n              <Tag\n                label=\"IMPORTANT\"\n                type=\"info\"\n                size=\"x-small\"\n                casing=\"all-caps\"\n                leadingIcon={\n                  <Icon glyph={<AlertCircleOutlineIcon />} size=\"10\" />\n                }\n              />\n            </div>\n          )}\n          <textarea\n            ref={setTextareaRef}\n            className={styles['message-input__textarea']}\n            placeholder={placeholder}\n            value={text}\n            onChange={(e) => setText(e.target.value)}\n            onInput={handleInput}\n            onSelect={onSelectionChange}\n            onKeyUp={onSelectionChange}\n            onClick={onSelectionChange}\n            rows={1}\n          />\n        </div>\n\n        {/* Attachment cards */}\n        {showAttachments && (\n          <div className={styles['message-input__attachments']}>\n            <div className={styles['message-input__attachments-list']}>\n              <AttachmentCard\n                fileName=\"Design_Brief.pdf\"\n                fileMeta=\"PDF 240KB\"\n                fileType=\"pdf\"\n                state=\"default\"\n                onRemove={() => {}}\n              />\n              <AttachmentCard\n                fileName=\"Wireframes_v3.png\"\n                fileMeta=\"PNG 1.2MB\"\n                fileType=\"image-icon\"\n                state=\"default\"\n                onRemove={() => {}}\n              />\n            </div>\n          </div>\n        )}\n\n        {/* Formatting toolbar — full bar (wide only); narrow uses collapsed strip in footer */}\n        <div\n          className={cls(\n            'message-input__formatting-bar',\n            showWideFormattingBar ? 'message-input__formatting-bar--open' : '',\n          )}\n          aria-hidden={!showWideFormattingBar}\n        >\n          <div className={styles['message-input__toolbar-controls']}>\n            {/* Style */}\n            <div className={styles['message-input__toolbar-group']}>\n              <IconButton\n                icon={<Icon glyph={<FormatBoldIcon />} size=\"16\" />}\n                size=\"small\"\n                aria-label=\"Bold\"\n              />\n              <IconButton\n                icon={<Icon glyph={<FormatItalicIcon />} size=\"16\" />}\n                size=\"small\"\n                aria-label=\"Italic\"\n              />\n              <IconButton\n                icon={\n                  <Icon glyph={<FormatStrikethroughVariantIcon />} size=\"16\" />\n                }\n                size=\"small\"\n                aria-label=\"Strikethrough\"\n              />\n              <IconButton\n                icon={<Icon glyph={<FormatHeaderIcon />} size=\"16\" />}\n                size=\"small\"\n                aria-label=\"Heading\"\n              />\n            </div>\n\n            <span\n              className={styles['message-input__toolbar-divider']}\n              aria-hidden\n            />\n\n            {/* Links + Code */}\n            <div className={styles['message-input__toolbar-group']}>\n              <IconButton\n                icon={<Icon glyph={<LinkVariantIcon />} size=\"16\" />}\n                size=\"small\"\n                aria-label=\"Add link\"\n              />\n              <IconButton\n                icon={<Icon glyph={<CodeTagsIcon />} size=\"16\" />}\n                size=\"small\"\n                aria-label=\"Code\"\n              />\n            </div>\n\n            <span\n              className={styles['message-input__toolbar-divider']}\n              aria-hidden\n            />\n\n            {/* Paragraph */}\n            <div className={styles['message-input__toolbar-group']}>\n              <IconButton\n                icon={<Icon glyph={<FormatQuoteOpenIcon />} size=\"16\" />}\n                size=\"small\"\n                aria-label=\"Quote\"\n              />\n              <IconButton\n                icon={<Icon glyph={<FormatListBulletedIcon />} size=\"16\" />}\n                size=\"small\"\n                aria-label=\"Bulleted list\"\n              />\n              <IconButton\n                icon={<Icon glyph={<FormatListNumberedIcon />} size=\"16\" />}\n                size=\"small\"\n                aria-label=\"Numbered list\"\n              />\n            </div>\n\n            <span\n              className={styles['message-input__toolbar-divider']}\n              aria-hidden\n            />\n\n            {/* Tools */}\n            <div className={styles['message-input__toolbar-group']}>\n              <IconButton\n                icon={<Icon glyph={<AlertCircleOutlineIcon />} size=\"16\" />}\n                size=\"small\"\n                aria-label=\"Message priority\"\n              />\n              <IconButton\n                icon={<Icon glyph={<FireIcon />} size=\"16\" />}\n                size=\"small\"\n                aria-label=\"Burn on read\"\n              />\n              <IconButton\n                icon={<Icon glyph={<CreationOutlineIcon />} size=\"16\" />}\n                size=\"small\"\n                aria-label=\"AI assistance\"\n              />\n            </div>\n          </div>\n        </div>\n\n        {width === 'narrow' ? (\n          <div className={styles['message-input__narrow-chrome']}>\n            <div className={styles['message-input__narrow-chrome-left']}>\n              {formattingOpen && (\n                <div className={styles['message-input__formatting-collapsed']}>\n                  <IconButton\n                    icon={<Icon glyph={<FormatBoldIcon />} size=\"16\" />}\n                    size=\"small\"\n                    aria-label=\"Bold\"\n                  />\n                  <IconButton\n                    icon={<Icon glyph={<FormatItalicIcon />} size=\"16\" />}\n                    size=\"small\"\n                    aria-label=\"Italic\"\n                  />\n                  <IconButton\n                    icon={<Icon glyph={<LinkVariantIcon />} size=\"16\" />}\n                    size=\"small\"\n                    aria-label=\"Add link\"\n                  />\n                  <IconButton\n                    icon={<Icon glyph={<DotsHorizontalIcon />} size=\"16\" />}\n                    size=\"small\"\n                    aria-label=\"More formatting options\"\n                  />\n                </div>\n              )}\n            </div>\n            <div\n              className={[\n                styles['message-input__actions'],\n                styles['message-input__actions--narrow-chrome'],\n              ].join(' ')}\n            >\n              {composerActions}\n            </div>\n          </div>\n        ) : (\n          <div className={styles['message-input__actions']}>{composerActions}</div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["MessageInput","className","placeholder","showPriorityIndicator","showAttachments","value","onChange","onSelectionChange","inputRef","width","internalText","setInternalText","useState","isControlled","text","setText","next","formattingOpen","setFormattingOpen","internalRef","useRef","setTextareaRef","node","handleInput","useCallback","el","useEffect","hasSendValue","cls","base","mod","styles","isNarrowFormattingOpen","showWideFormattingBar","composerActions","jsxs","Fragment","prev","jsx","Icon","FormatLetterCaseIcon","ChevronUpIcon","ChevronDownIcon","IconButton","PaperclipIcon","EmoticonHappyOutlineIcon","SendIcon","rootClass","EyeOutlineIcon","Tag","AlertCircleOutlineIcon","e","AttachmentCard","FormatBoldIcon","FormatItalicIcon","FormatStrikethroughVariantIcon","FormatHeaderIcon","LinkVariantIcon","CodeTagsIcon","FormatQuoteOpenIcon","FormatListBulletedIcon","FormatListNumberedIcon","FireIcon","CreationOutlineIcon","DotsHorizontalIcon"],"mappings":"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"}

package/dist/components/message-input/MessageInput.module.css

@@ -1 +0,0 @@
-._message-input_qwke8_2{box-sizing:border-box;width:100%;max-width:100%;min-width:0;background-color:var(--center-channel-bg)}._message-input__container_qwke8_9{position:relative;min-width:0;background-color:var(--center-channel-bg);border:2px solid rgba(var(--center-channel-color-rgb),.16);border-radius:var(--radius-s);display:flex;flex-direction:column;padding-bottom:0;transition:padding-bottom var(--duration-moderate) var(--ease-transition)}._message-input__container--formatting-open_qwke8_20{padding-bottom:var(--spacing-xxxxxl)}._message-input__preview-btn_qwke8_23{position:absolute;top:var(--spacing-xxs);right:var(--spacing-xxs);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);border-radius:var(--radius-s);border:none;background:none;cursor:pointer;color:rgba(var(--center-channel-color-rgb),.64);opacity:0;pointer-events:none;transition:opacity var(--duration-quick) var(--ease-entrance)}._message-input__preview-btn--visible_qwke8_40{opacity:1;pointer-events:auto}._message-input__preview-btn_qwke8_23:hover{background-color:rgba(var(--center-channel-color-rgb),.08);color:var(--center-channel-color)}._message-input__body_qwke8_48{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:14px 188px 14px var(--spacing-l);transition:padding-right var(--duration-quick) var(--ease-transition)}._message-input__body--formatting-open_qwke8_56{padding-right:var(--spacing-xxxxxl)}._message-input__priority-row_qwke8_59{padding-bottom:var(--spacing-xs)}._message-input__textarea_qwke8_62{display:block;width:100%;resize:none;overflow:hidden;min-height:20px;line-height:var(--line-height-100);font-size:var(--font-size-100);font-family:var(--font-family-body);color:var(--center-channel-color);background:transparent;border:none;outline:none;padding:0}._message-input__textarea_qwke8_62::placeholder{color:rgba(var(--center-channel-color-rgb),.64)}._message-input__attachments_qwke8_80{min-width:0;overflow:hidden;padding:var(--spacing-xxxs) var(--spacing-xxxs) var(--spacing-l)}._message-input__attachments-list_qwke8_85{min-width:0;display:flex;align-items:flex-start;gap:var(--spacing-xs);padding:0 var(--spacing-l);overflow-x:auto}._message-input__attachments-list_qwke8_85::-webkit-scrollbar{display:none}._message-input__formatting-bar_qwke8_96{position:absolute;bottom:0;left:0;right:0;height:0;overflow:hidden;display:flex;align-items:center;background-color:var(--center-channel-bg);border-radius:0 0 4px 4px;padding:0 var(--spacing-xs);opacity:0;z-index:0;transition:height var(--duration-quick) var(--ease-transition),opacity var(--duration-quick) var(--ease-entrance)}._message-input__formatting-bar--open_qwke8_112{height:var(--spacing-xxxxxl);opacity:1}._message-input__narrow-chrome_qwke8_116{position:absolute;bottom:0;left:0;right:0;z-index:1;box-sizing:border-box;height:var(--spacing-xxxxxl);padding:0 var(--spacing-xs);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--spacing-xs);background-color:var(--center-channel-bg);border-radius:0 0 var(--radius-s) var(--radius-s)}._message-input__narrow-chrome-left_qwke8_132{min-width:0;display:flex;align-items:center;justify-content:flex-start}._message-input__formatting-collapsed_qwke8_138{display:flex;align-items:center;gap:var(--spacing-xxxs);min-width:0;overflow-x:auto}._message-input__formatting-collapsed_qwke8_138::-webkit-scrollbar{display:none}._message-input__toolbar-controls_qwke8_148{display:flex;align-items:center;gap:var(--spacing-xxxs);flex:1;min-width:0;overflow:hidden}._message-input__toolbar-group_qwke8_156{display:flex;align-items:center;gap:var(--spacing-xxxs);flex-shrink:0}._message-input__toolbar-divider_qwke8_162{display:block;width:1px;height:var(--spacing-xxl);background-color:rgba(var(--center-channel-color-rgb),.16);flex-shrink:0;align-self:center}._message-input__actions_qwke8_170{position:absolute;bottom:0;right:0;display:flex;align-items:center;gap:var(--spacing-xxxs);padding:var(--spacing-xs);background-color:var(--center-channel-bg);border-radius:0 0 4px}._message-input__actions--narrow-chrome_qwke8_181{position:static;padding:0;background:transparent;border-radius:0;flex-shrink:0;justify-self:end}._message-input__actions-divider_qwke8_189{display:block;width:1px;height:var(--spacing-xxl);background-color:rgba(var(--center-channel-color-rgb),.16);flex-shrink:0;align-self:center}._message-input__format-btn_qwke8_197{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-xxs) var(--spacing-xs) var(--spacing-xs);border-radius:var(--radius-s);border:none;background:none;cursor:pointer;color:rgba(var(--center-channel-color-rgb),.64);gap:0;flex-shrink:0}._message-input__format-btn_qwke8_197:hover{background-color:rgba(var(--center-channel-color-rgb),.08);color:var(--center-channel-color)}._message-input__format-btn--active_qwke8_213{color:var(--button-bg)}._message-input__format-btn--active_qwke8_213:hover{background-color:rgba(var(--button-bg-rgb),.08);color:var(--button-bg)}._message-input__format-chevron_qwke8_220{display:flex;align-items:center;transition:transform var(--duration-quick) var(--ease-transition)}._message-input__format-chevron--rotated_qwke8_225{transform:rotate(180deg)}._message-input__send_qwke8_228{display:flex;align-items:stretch;border-radius:var(--radius-s);overflow:hidden;background-color:var(--button-bg);flex-shrink:0}._message-input__send--disabled_qwke8_236{background-color:rgba(var(--center-channel-color-rgb),.08)}._message-input__send--disabled_qwke8_236 ._message-input__send-main_qwke8_239,._message-input__send--disabled_qwke8_236 ._message-input__send-dropdown_qwke8_240{color:rgba(var(--center-channel-color-rgb),.36);cursor:not-allowed}._message-input__send--disabled_qwke8_236 ._message-input__send-main_qwke8_239{border-right-color:rgba(var(--center-channel-color-rgb),.12)}._message-input__send-main_qwke8_239{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs) 7px var(--spacing-xs) 9px;border:none;border-right:1px solid rgba(var(--color-neutral-0-rgb),.12);background:none;cursor:pointer;color:var(--button-color, var(--color-neutral-0))}._message-input__send-dropdown_qwke8_240{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-xxxs);border:none;background:none;cursor:pointer;color:var(--button-color, var(--color-neutral-0))}._message-input--width-narrow_qwke8_268{width:100%}._message-input--width-narrow_qwke8_268 ._message-input__container_qwke8_9{padding-bottom:calc(var(--spacing-xxxxxl) - var(--spacing-xxs))}._message-input--width-narrow_qwke8_268 ._message-input__body_qwke8_48{padding:14px var(--spacing-l)}._message-input--width-narrow_qwke8_268 ._message-input__body_qwke8_48._message-input__body--formatting-open_qwke8_56{padding-right:var(--spacing-l)}

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./MessageInput.module.css');const e={"message-input":"_message-input_qwke8_2","message-input__container":"_message-input__container_qwke8_9","message-input__container--formatting-open":"_message-input__container--formatting-open_qwke8_20","message-input__preview-btn":"_message-input__preview-btn_qwke8_23","message-input__preview-btn--visible":"_message-input__preview-btn--visible_qwke8_40","message-input__body":"_message-input__body_qwke8_48","message-input__body--formatting-open":"_message-input__body--formatting-open_qwke8_56","message-input__priority-row":"_message-input__priority-row_qwke8_59","message-input__textarea":"_message-input__textarea_qwke8_62","message-input__attachments":"_message-input__attachments_qwke8_80","message-input__attachments-list":"_message-input__attachments-list_qwke8_85","message-input__formatting-bar":"_message-input__formatting-bar_qwke8_96","message-input__formatting-bar--open":"_message-input__formatting-bar--open_qwke8_112","message-input__narrow-chrome":"_message-input__narrow-chrome_qwke8_116","message-input__narrow-chrome-left":"_message-input__narrow-chrome-left_qwke8_132","message-input__formatting-collapsed":"_message-input__formatting-collapsed_qwke8_138","message-input__toolbar-controls":"_message-input__toolbar-controls_qwke8_148","message-input__toolbar-group":"_message-input__toolbar-group_qwke8_156","message-input__toolbar-divider":"_message-input__toolbar-divider_qwke8_162","message-input__actions":"_message-input__actions_qwke8_170","message-input__actions--narrow-chrome":"_message-input__actions--narrow-chrome_qwke8_181","message-input__actions-divider":"_message-input__actions-divider_qwke8_189","message-input__format-btn":"_message-input__format-btn_qwke8_197","message-input__format-btn--active":"_message-input__format-btn--active_qwke8_213","message-input__format-chevron":"_message-input__format-chevron_qwke8_220","message-input__format-chevron--rotated":"_message-input__format-chevron--rotated_qwke8_225","message-input__send":"_message-input__send_qwke8_228","message-input__send--disabled":"_message-input__send--disabled_qwke8_236","message-input__send-main":"_message-input__send-main_qwke8_239","message-input__send-dropdown":"_message-input__send-dropdown_qwke8_240","message-input--width-narrow":"_message-input--width-narrow_qwke8_268"};exports.default=e;
-//# sourceMappingURL=MessageInput.module.scss.cjs.map

package/dist/components/message-input/MessageInput.module.scss.cjs.map

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

package/dist/components/message-input/MessageInput.module.scss.js

@@ -1,37 +0,0 @@
-import './MessageInput.module.css';const e = {
-  "message-input": "_message-input_qwke8_2",
-  "message-input__container": "_message-input__container_qwke8_9",
-  "message-input__container--formatting-open": "_message-input__container--formatting-open_qwke8_20",
-  "message-input__preview-btn": "_message-input__preview-btn_qwke8_23",
-  "message-input__preview-btn--visible": "_message-input__preview-btn--visible_qwke8_40",
-  "message-input__body": "_message-input__body_qwke8_48",
-  "message-input__body--formatting-open": "_message-input__body--formatting-open_qwke8_56",
-  "message-input__priority-row": "_message-input__priority-row_qwke8_59",
-  "message-input__textarea": "_message-input__textarea_qwke8_62",
-  "message-input__attachments": "_message-input__attachments_qwke8_80",
-  "message-input__attachments-list": "_message-input__attachments-list_qwke8_85",
-  "message-input__formatting-bar": "_message-input__formatting-bar_qwke8_96",
-  "message-input__formatting-bar--open": "_message-input__formatting-bar--open_qwke8_112",
-  "message-input__narrow-chrome": "_message-input__narrow-chrome_qwke8_116",
-  "message-input__narrow-chrome-left": "_message-input__narrow-chrome-left_qwke8_132",
-  "message-input__formatting-collapsed": "_message-input__formatting-collapsed_qwke8_138",
-  "message-input__toolbar-controls": "_message-input__toolbar-controls_qwke8_148",
-  "message-input__toolbar-group": "_message-input__toolbar-group_qwke8_156",
-  "message-input__toolbar-divider": "_message-input__toolbar-divider_qwke8_162",
-  "message-input__actions": "_message-input__actions_qwke8_170",
-  "message-input__actions--narrow-chrome": "_message-input__actions--narrow-chrome_qwke8_181",
-  "message-input__actions-divider": "_message-input__actions-divider_qwke8_189",
-  "message-input__format-btn": "_message-input__format-btn_qwke8_197",
-  "message-input__format-btn--active": "_message-input__format-btn--active_qwke8_213",
-  "message-input__format-chevron": "_message-input__format-chevron_qwke8_220",
-  "message-input__format-chevron--rotated": "_message-input__format-chevron--rotated_qwke8_225",
-  "message-input__send": "_message-input__send_qwke8_228",
-  "message-input__send--disabled": "_message-input__send--disabled_qwke8_236",
-  "message-input__send-main": "_message-input__send-main_qwke8_239",
-  "message-input__send-dropdown": "_message-input__send-dropdown_qwke8_240",
-  "message-input--width-narrow": "_message-input--width-narrow_qwke8_268"
-};
-export {
-  e as default
-};
-//# sourceMappingURL=MessageInput.module.scss.js.map

package/dist/components/message-input/MessageInput.module.scss.js.map

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

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

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

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

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

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

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

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

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