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

package/dist/components/new-message-banner/NewMessageBanner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewMessageBanner.cjs","sources":["../../../src/components/new-message-banner/NewMessageBanner.tsx"],"sourcesContent":["import Icon from '@/components/icon/Icon';\nimport ArrowDownIcon from '@mattermost/compass-icons/components/arrow-down';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport styles from './NewMessageBanner.module.scss';\n\nexport type NewMessageBannerType = 'jump-to-unreads' | 'new-replies';\n\nexport interface NewMessageBannerProps {\n  /** Optional CSS class name. */\n  className?: string;\n  /** Type controls the layout. Default: JumpToUnreads. */\n  type?: NewMessageBannerType;\n  /** Unread count label text (e.g. \"21 new messages since Saturday\"). Used in JumpToUnreads type. */\n  countLabel?: string;\n  /** Called when the banner itself is clicked. */\n  onClick?: () => void;\n  /** Called when the dismiss (×) button is clicked. */\n  onDismiss?: () => void;\n}\n\n/**\n * The New Messages Banner alerts the user that there's fresh activity in the channel they're\n * reading. It floats over the message stream so they can jump to the unread region in one\n * click — or dismiss it if they'd rather keep scrolling.\n */\nexport default function NewMessageBanner({\n  className = '',\n  type = 'jump-to-unreads',\n  countLabel,\n  onClick,\n  onDismiss,\n}: NewMessageBannerProps) {\n  const typeClass =\n    styles[\n      `new-message-banner--type-${type === 'jump-to-unreads' ? 'jump-to-unreads' : 'new-replies'}`\n    ];\n\n  const rootClass = [\n    styles['new-message-banner'],\n    typeClass,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass}>\n      <button\n        className={styles['new-message-banner__main']}\n        type=\"button\"\n        onClick={onClick}\n        aria-label={\n          type === 'jump-to-unreads'\n            ? countLabel != null\n              ? `Jump to unreads, ${countLabel}`\n              : 'Jump to unreads'\n            : undefined\n        }\n      >\n        <span className={styles['new-message-banner__left']}>\n          <span className={styles['new-message-banner__icon']} aria-hidden>\n            <Icon size=\"16\" glyph={<ArrowDownIcon />} />\n          </span>\n          <span className={styles['new-message-banner__jump-label']}>\n            {type === 'jump-to-unreads' ? 'Jump to unreads' : 'New replies'}\n          </span>\n        </span>\n      </button>\n      {type === 'jump-to-unreads' && countLabel != null && (\n        <span className={styles['new-message-banner__count']} aria-hidden>\n          {countLabel}\n        </span>\n      )}\n      {onDismiss != null && (\n        <button\n          className={styles['new-message-banner__dismiss']}\n          type=\"button\"\n          onClick={onDismiss}\n          aria-label=\"Dismiss\"\n        >\n          <Icon size=\"16\" glyph={<CloseIcon />} />\n        </button>\n      )}\n    </div>\n  );\n}\n"],"names":["NewMessageBanner","className","type","countLabel","onClick","onDismiss","typeClass","styles","rootClass","jsxs","jsx","Icon","ArrowDownIcon","CloseIcon"],"mappings":"oVAyBA,SAAwBA,EAAiB,CACvC,UAAAC,EAAY,GACZ,KAAAC,EAAO,kBACP,WAAAC,EACA,QAAAC,EACA,UAAAC,CACF,EAA0B,CACxB,MAAMC,EACJC,EAAAA,QACE,4BAA4BL,IAAS,kBAAoB,kBAAoB,aAAa,EAC5F,EAEIM,EAAY,CAChBD,EAAAA,QAAO,oBAAoB,EAC3BD,EACAL,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEQ,EAAAA,KAAC,MAAA,CAAI,UAAWD,EACd,SAAA,CAAAE,EAAAA,IAAC,SAAA,CACC,UAAWH,EAAAA,QAAO,0BAA0B,EAC5C,KAAK,SACL,QAAAH,EACA,aACEF,IAAS,kBACLC,GAAc,KACZ,oBAAoBA,CAAU,GAC9B,kBACF,OAGN,SAAAM,EAAAA,KAAC,OAAA,CAAK,UAAWF,UAAO,0BAA0B,EAChD,SAAA,CAAAG,MAAC,OAAA,CAAK,UAAWH,EAAAA,QAAO,0BAA0B,EAAG,cAAW,GAC9D,SAAAG,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOD,EAAAA,IAACE,EAAA,CAAA,CAAc,EAAI,EAC5C,EACAF,EAAAA,IAAC,QAAK,UAAWH,UAAO,gCAAgC,EACrD,SAAAL,IAAS,kBAAoB,kBAAoB,aAAA,CACpD,CAAA,CAAA,CACF,CAAA,CAAA,EAEDA,IAAS,mBAAqBC,GAAc,MAC3CO,EAAAA,IAAC,OAAA,CAAK,UAAWH,EAAAA,QAAO,2BAA2B,EAAG,cAAW,GAC9D,SAAAJ,CAAA,CACH,EAEDE,GAAa,MACZK,EAAAA,IAAC,SAAA,CACC,UAAWH,EAAAA,QAAO,6BAA6B,EAC/C,KAAK,SACL,QAASF,EACT,aAAW,UAEX,eAACM,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOD,EAAAA,IAACG,IAAU,CAAA,CAAI,CAAA,CAAA,CACxC,EAEJ,CAEJ"}

package/dist/components/new-message-banner/NewMessageBanner.css

@@ -0,0 +1 @@
+._new-message-banner_1we1b_2{position:relative;display:flex;align-items:center;background-color:var(--button-bg);border-radius:var(--radius-s);box-shadow:var(--elevation-2);overflow:hidden;width:100%}._new-message-banner__main_1we1b_12{display:flex;align-items:center;flex:1 0 0;gap:var(--spacing-s);padding:var(--spacing-xxs) var(--spacing-m) var(--spacing-xxs) var(--spacing-s);background:transparent;border:none;cursor:pointer;justify-content:flex-start;min-width:0}._new-message-banner__main_1we1b_12:focus-visible{outline:none;box-shadow:inset 0 0 0 2px rgba(var(--color-neutral-0-rgb),.48)}._new-message-banner__left_1we1b_28{display:flex;align-items:center;gap:var(--spacing-s);height:16px;overflow:hidden}._new-message-banner__icon_1we1b_35{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--sidebar-text)}._new-message-banner__jump-label_1we1b_42{font-size:var(--font-size-100);font-weight:var(--font-weight-semibold);line-height:var(--line-height-100);color:var(--sidebar-text);white-space:nowrap;text-align:center}._new-message-banner__count_1we1b_50{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none;font-size:var(--font-size-100);font-weight:var(--font-weight-semibold);line-height:var(--line-height-100);color:var(--sidebar-text);white-space:nowrap;text-align:center}._new-message-banner__dismiss_1we1b_64{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs);background:transparent;border:none;cursor:pointer;color:var(--sidebar-text);opacity:.72;transition:opacity var(--duration-quick) var(--ease-transition),background-color var(--duration-quick) var(--ease-transition);flex-shrink:0}._new-message-banner__dismiss_1we1b_64:hover{opacity:1;background-color:rgba(var(--color-neutral-0-rgb),.08)}._new-message-banner__dismiss_1we1b_64:active{background-color:rgba(var(--color-neutral-0-rgb),.16)}._new-message-banner__dismiss_1we1b_64:focus-visible{outline:none;box-shadow:inset 0 0 0 2px rgba(var(--color-neutral-0-rgb),.48)}._new-message-banner--type-jump-to-unreads_1we1b_90{container-name:new-message-banner;container-type:inline-size}._new-message-banner--type-new-replies_1we1b_94{display:inline-flex;width:auto}@container new-message-banner (max-width: 749px){._new-message-banner--type-jump-to-unreads_1we1b_90 ._new-message-banner__jump-label_1we1b_42{display:none}}

package/dist/components/new-message-banner/NewMessageBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewMessageBanner.d.ts","sourceRoot":"","sources":["../../../src/components/new-message-banner/NewMessageBanner.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,GAAG,aAAa,CAAC;AAErE,MAAM,WAAW,qBAAqB;IACpC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,mGAAmG;IACnG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,SAAc,EACd,IAAwB,EACxB,UAAU,EACV,OAAO,EACP,SAAS,GACV,EAAE,qBAAqB,2CAsDvB"}

package/dist/components/new-message-banner/NewMessageBanner.js

@@ -0,0 +1,48 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import m from "../icon/Icon.js";
+import __p from "@mattermost/compass-icons/components/arrow-down.js";const p=__p&&__p.default?__p.default:__p;
+import __d from "@mattermost/compass-icons/components/close.js";const d=__d&&__d.default?__d.default:__d;
+import n from "./NewMessageBanner.module.scss.js";
+function h({
+  className: l = "",
+  type: s = "jump-to-unreads",
+  countLabel: a,
+  onClick: t,
+  onDismiss: r
+}) {
+  const i = n[`new-message-banner--type-${s === "jump-to-unreads" ? "jump-to-unreads" : "new-replies"}`], u = [
+    n["new-message-banner"],
+    i,
+    l
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("div", { className: u, children: [
+    /* @__PURE__ */ e(
+      "button",
+      {
+        className: n["new-message-banner__main"],
+        type: "button",
+        onClick: t,
+        "aria-label": s === "jump-to-unreads" ? a != null ? `Jump to unreads, ${a}` : "Jump to unreads" : void 0,
+        children: /* @__PURE__ */ o("span", { className: n["new-message-banner__left"], children: [
+          /* @__PURE__ */ e("span", { className: n["new-message-banner__icon"], "aria-hidden": !0, children: /* @__PURE__ */ e(m, { size: "16", glyph: /* @__PURE__ */ e(p, {}) }) }),
+          /* @__PURE__ */ e("span", { className: n["new-message-banner__jump-label"], children: s === "jump-to-unreads" ? "Jump to unreads" : "New replies" })
+        ] })
+      }
+    ),
+    s === "jump-to-unreads" && a != null && /* @__PURE__ */ e("span", { className: n["new-message-banner__count"], "aria-hidden": !0, children: a }),
+    r != null && /* @__PURE__ */ e(
+      "button",
+      {
+        className: n["new-message-banner__dismiss"],
+        type: "button",
+        onClick: r,
+        "aria-label": "Dismiss",
+        children: /* @__PURE__ */ e(m, { size: "16", glyph: /* @__PURE__ */ e(d, {}) })
+      }
+    )
+  ] });
+}
+export {
+  h as default
+};
+//# sourceMappingURL=NewMessageBanner.js.map

package/dist/components/new-message-banner/NewMessageBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewMessageBanner.js","sources":["../../../src/components/new-message-banner/NewMessageBanner.tsx"],"sourcesContent":["import Icon from '@/components/icon/Icon';\nimport ArrowDownIcon from '@mattermost/compass-icons/components/arrow-down';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport styles from './NewMessageBanner.module.scss';\n\nexport type NewMessageBannerType = 'jump-to-unreads' | 'new-replies';\n\nexport interface NewMessageBannerProps {\n  /** Optional CSS class name. */\n  className?: string;\n  /** Type controls the layout. Default: JumpToUnreads. */\n  type?: NewMessageBannerType;\n  /** Unread count label text (e.g. \"21 new messages since Saturday\"). Used in JumpToUnreads type. */\n  countLabel?: string;\n  /** Called when the banner itself is clicked. */\n  onClick?: () => void;\n  /** Called when the dismiss (×) button is clicked. */\n  onDismiss?: () => void;\n}\n\n/**\n * The New Messages Banner alerts the user that there's fresh activity in the channel they're\n * reading. It floats over the message stream so they can jump to the unread region in one\n * click — or dismiss it if they'd rather keep scrolling.\n */\nexport default function NewMessageBanner({\n  className = '',\n  type = 'jump-to-unreads',\n  countLabel,\n  onClick,\n  onDismiss,\n}: NewMessageBannerProps) {\n  const typeClass =\n    styles[\n      `new-message-banner--type-${type === 'jump-to-unreads' ? 'jump-to-unreads' : 'new-replies'}`\n    ];\n\n  const rootClass = [\n    styles['new-message-banner'],\n    typeClass,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass}>\n      <button\n        className={styles['new-message-banner__main']}\n        type=\"button\"\n        onClick={onClick}\n        aria-label={\n          type === 'jump-to-unreads'\n            ? countLabel != null\n              ? `Jump to unreads, ${countLabel}`\n              : 'Jump to unreads'\n            : undefined\n        }\n      >\n        <span className={styles['new-message-banner__left']}>\n          <span className={styles['new-message-banner__icon']} aria-hidden>\n            <Icon size=\"16\" glyph={<ArrowDownIcon />} />\n          </span>\n          <span className={styles['new-message-banner__jump-label']}>\n            {type === 'jump-to-unreads' ? 'Jump to unreads' : 'New replies'}\n          </span>\n        </span>\n      </button>\n      {type === 'jump-to-unreads' && countLabel != null && (\n        <span className={styles['new-message-banner__count']} aria-hidden>\n          {countLabel}\n        </span>\n      )}\n      {onDismiss != null && (\n        <button\n          className={styles['new-message-banner__dismiss']}\n          type=\"button\"\n          onClick={onDismiss}\n          aria-label=\"Dismiss\"\n        >\n          <Icon size=\"16\" glyph={<CloseIcon />} />\n        </button>\n      )}\n    </div>\n  );\n}\n"],"names":["NewMessageBanner","className","type","countLabel","onClick","onDismiss","typeClass","styles","rootClass","jsxs","jsx","Icon","ArrowDownIcon","CloseIcon"],"mappings":";;;;;AAyBA,SAAwBA,EAAiB;AAAA,EACvC,WAAAC,IAAY;AAAA,EACZ,MAAAC,IAAO;AAAA,EACP,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACF,GAA0B;AACxB,QAAMC,IACJC,EACE,4BAA4BL,MAAS,oBAAoB,oBAAoB,aAAa,EAC5F,GAEIM,IAAY;AAAA,IAChBD,EAAO,oBAAoB;AAAA,IAC3BD;AAAA,IACAL;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,GACd,UAAA;AAAA,IAAA,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWH,EAAO,0BAA0B;AAAA,QAC5C,MAAK;AAAA,QACL,SAAAH;AAAA,QACA,cACEF,MAAS,oBACLC,KAAc,OACZ,oBAAoBA,CAAU,KAC9B,oBACF;AAAA,QAGN,UAAA,gBAAAM,EAAC,QAAA,EAAK,WAAWF,EAAO,0BAA0B,GAChD,UAAA;AAAA,UAAA,gBAAAG,EAAC,QAAA,EAAK,WAAWH,EAAO,0BAA0B,GAAG,eAAW,IAC9D,UAAA,gBAAAG,EAACC,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAD,EAACE,GAAA,CAAA,CAAc,GAAI,GAC5C;AAAA,UACA,gBAAAF,EAAC,UAAK,WAAWH,EAAO,gCAAgC,GACrD,UAAAL,MAAS,oBAAoB,oBAAoB,cAAA,CACpD;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDA,MAAS,qBAAqBC,KAAc,QAC3C,gBAAAO,EAAC,QAAA,EAAK,WAAWH,EAAO,2BAA2B,GAAG,eAAW,IAC9D,UAAAJ,EAAA,CACH;AAAA,IAEDE,KAAa,QACZ,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWH,EAAO,6BAA6B;AAAA,QAC/C,MAAK;AAAA,QACL,SAASF;AAAA,QACT,cAAW;AAAA,QAEX,4BAACM,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAD,EAACG,KAAU,EAAA,CAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EACxC,GAEJ;AAEJ;"}

package/dist/components/new-message-banner/NewMessageBanner.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./NewMessageBanner.css');const e={"new-message-banner":"_new-message-banner_1we1b_2","new-message-banner__main":"_new-message-banner__main_1we1b_12","new-message-banner__left":"_new-message-banner__left_1we1b_28","new-message-banner__icon":"_new-message-banner__icon_1we1b_35","new-message-banner__jump-label":"_new-message-banner__jump-label_1we1b_42","new-message-banner__count":"_new-message-banner__count_1we1b_50","new-message-banner__dismiss":"_new-message-banner__dismiss_1we1b_64","new-message-banner--type-jump-to-unreads":"_new-message-banner--type-jump-to-unreads_1we1b_90","new-message-banner--type-new-replies":"_new-message-banner--type-new-replies_1we1b_94"};exports.default=e;
+//# sourceMappingURL=NewMessageBanner.module.scss.cjs.map

package/dist/components/new-message-banner/NewMessageBanner.module.scss.cjs.map

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

package/dist/components/new-message-banner/NewMessageBanner.module.scss.js

@@ -0,0 +1,15 @@
+import './NewMessageBanner.css';const e = {
+  "new-message-banner": "_new-message-banner_1we1b_2",
+  "new-message-banner__main": "_new-message-banner__main_1we1b_12",
+  "new-message-banner__left": "_new-message-banner__left_1we1b_28",
+  "new-message-banner__icon": "_new-message-banner__icon_1we1b_35",
+  "new-message-banner__jump-label": "_new-message-banner__jump-label_1we1b_42",
+  "new-message-banner__count": "_new-message-banner__count_1we1b_50",
+  "new-message-banner__dismiss": "_new-message-banner__dismiss_1we1b_64",
+  "new-message-banner--type-jump-to-unreads": "_new-message-banner--type-jump-to-unreads_1we1b_90",
+  "new-message-banner--type-new-replies": "_new-message-banner--type-new-replies_1we1b_94"
+};
+export {
+  e as default
+};
+//# sourceMappingURL=NewMessageBanner.module.scss.js.map

package/dist/components/new-message-banner/NewMessageBanner.module.scss.js.map

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

package/dist/components/new-message-banner/index.cjs

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

package/dist/components/new-message-banner/index.cjs.map

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

package/dist/components/new-message-banner/index.d.ts.map

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

package/dist/components/new-message-banner/index.js

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

package/dist/components/new-message-banner/index.js.map

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

package/dist/components/pagination-dots/PaginationDots.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("./PaginationDots.module.scss.cjs");function b({pages:s,activePage:l,orientation:r="horizontal",dotStyle:o="default",onPageChange:i,className:d=""}){const c=r==="vertical",u=o==="inverted",f=o==="on-primary",p=c?t.default["pagination-dots--vertical"]:t.default["pagination-dots--horizontal"],m=u?t.default["pagination-dots--inverted"]:f?t.default["pagination-dots--on-primary"]:"";return e.jsx("div",{className:[t.default["pagination-dots"],p,m,d].filter(Boolean).join(" "),role:"tablist","aria-label":"Pages",children:Array.from({length:s},(g,v)=>{const a=v+1,n=a===l,_=[t.default["pagination-dots__dot"],n?t.default["pagination-dots__dot--active"]:""].filter(Boolean).join(" ");return e.jsx("button",{type:"button",role:"tab","aria-selected":n,"aria-label":`Page ${a}`,className:t.default["pagination-dots__item"],onClick:()=>i==null?void 0:i(a),children:e.jsx("span",{className:_})},a)})})}exports.default=b;
+//# sourceMappingURL=PaginationDots.cjs.map

package/dist/components/pagination-dots/PaginationDots.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationDots.cjs","sources":["../../../src/components/pagination-dots/PaginationDots.tsx"],"sourcesContent":["import styles from './PaginationDots.module.scss';\n\nexport type PaginationDotsOrientation = 'horizontal' | 'vertical';\nexport type PaginationDotsStyle = 'default' | 'inverted' | 'on-primary';\n\nexport interface PaginationDotsProps {\n  /** Total number of pages/steps. */\n  pages: number;\n  /** Currently active page (1-indexed). */\n  activePage: number;\n  /** Layout orientation. Default: Horizontal. */\n  orientation?: PaginationDotsOrientation;\n  /** Color style. Default: Default. */\n  dotStyle?: PaginationDotsStyle;\n  /** Called when a dot is clicked. Receives the 1-indexed page number. */\n  onPageChange?: (page: number) => void;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\n/**\n * Pagination Dots indicate progress through a fixed sequence of steps — most often a\n * multi-step onboarding flow or a swipeable carousel. One dot per step, the active one\n * filled, the rest quiet.\n */\nexport default function PaginationDots({\n  pages,\n  activePage,\n  orientation = 'horizontal',\n  dotStyle = 'default',\n  onPageChange,\n  className = '',\n}: PaginationDotsProps) {\n  const isVertical = orientation === 'vertical';\n  const isInverted = dotStyle === 'inverted';\n  const isOnPrimary = dotStyle === 'on-primary';\n\n  const orientationClass = isVertical\n    ? styles['pagination-dots--vertical']\n    : styles['pagination-dots--horizontal'];\n  const styleClass = isInverted\n    ? styles['pagination-dots--inverted']\n    : isOnPrimary\n      ? styles['pagination-dots--on-primary']\n      : '';\n\n  return (\n    <div\n      className={[\n        styles['pagination-dots'],\n        orientationClass,\n        styleClass,\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      role=\"tablist\"\n      aria-label=\"Pages\"\n    >\n      {Array.from({ length: pages }, (_, i) => {\n        const page = i + 1;\n        const isActive = page === activePage;\n        const dotClass = [\n          styles['pagination-dots__dot'],\n          isActive ? styles['pagination-dots__dot--active'] : '',\n        ]\n          .filter(Boolean)\n          .join(' ');\n\n        return (\n          <button\n            key={page}\n            type=\"button\"\n            role=\"tab\"\n            aria-selected={isActive}\n            aria-label={`Page ${page}`}\n            className={styles['pagination-dots__item']}\n            onClick={() => onPageChange?.(page)}\n          >\n            <span className={dotClass} />\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["PaginationDots","pages","activePage","orientation","dotStyle","onPageChange","className","isVertical","isInverted","isOnPrimary","orientationClass","styles","styleClass","jsx","_","i","page","isActive","dotClass"],"mappings":"+LAyBA,SAAwBA,EAAe,CACrC,MAAAC,EACA,WAAAC,EACA,YAAAC,EAAc,aACd,SAAAC,EAAW,UACX,aAAAC,EACA,UAAAC,EAAY,EACd,EAAwB,CACtB,MAAMC,EAAaJ,IAAgB,WAC7BK,EAAaJ,IAAa,WAC1BK,EAAcL,IAAa,aAE3BM,EAAmBH,EACrBI,EAAAA,QAAO,2BAA2B,EAClCA,EAAAA,QAAO,6BAA6B,EAClCC,EAAaJ,EACfG,UAAO,2BAA2B,EAClCF,EACEE,EAAAA,QAAO,6BAA6B,EACpC,GAEN,OACEE,EAAAA,IAAC,MAAA,CACC,UAAW,CACTF,EAAAA,QAAO,iBAAiB,EACxBD,EACAE,EACAN,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EACX,KAAK,UACL,aAAW,QAEV,SAAA,MAAM,KAAK,CAAE,OAAQL,GAAS,CAACa,EAAGC,IAAM,CACvC,MAAMC,EAAOD,EAAI,EACXE,EAAWD,IAASd,EACpBgB,EAAW,CACfP,EAAAA,QAAO,sBAAsB,EAC7BM,EAAWN,EAAAA,QAAO,8BAA8B,EAAI,EAAA,EAEnD,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEE,EAAAA,IAAC,SAAA,CAEC,KAAK,SACL,KAAK,MACL,gBAAeI,EACf,aAAY,QAAQD,CAAI,GACxB,UAAWL,EAAAA,QAAO,uBAAuB,EACzC,QAAS,IAAMN,GAAA,YAAAA,EAAeW,GAE9B,SAAAH,EAAAA,IAAC,OAAA,CAAK,UAAWK,CAAA,CAAU,CAAA,EARtBF,CAAA,CAWX,CAAC,CAAA,CAAA,CAGP"}

package/dist/components/pagination-dots/PaginationDots.css

@@ -0,0 +1 @@
+._pagination-dots_1r0u8_2{display:inline-flex;overflow:visible}._pagination-dots--horizontal_1r0u8_6{flex-direction:row;align-items:center}._pagination-dots--vertical_1r0u8_10{flex-direction:column;justify-content:center}._pagination-dots--inverted_1r0u8_14 ._pagination-dots__dot_1r0u8_14{background-color:rgba(var(--sidebar-text-rgb),.4)}._pagination-dots--inverted_1r0u8_14 ._pagination-dots__dot--active_1r0u8_17{background-color:var(--sidebar-text);box-shadow:0 0 0 4px rgba(var(--sidebar-text-rgb),.16)}._pagination-dots--on-primary_1r0u8_21{--focus-ring-color: var(--button-color)}._pagination-dots--on-primary_1r0u8_21 ._pagination-dots__dot_1r0u8_14{background-color:rgba(var(--button-color-rgb),.4)}._pagination-dots--on-primary_1r0u8_21 ._pagination-dots__dot--active_1r0u8_17{background-color:var(--button-color);box-shadow:0 0 0 4px rgba(var(--button-color-rgb),.24)}._pagination-dots__item_1r0u8_31{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;flex-shrink:0;outline:2px solid color-mix(in srgb,var(--focus-ring-color) 0%,transparent);outline-offset:0;transition:outline-color var(--duration-quick) var(--ease-transition),outline-offset var(--duration-quick) var(--ease-transition)}._pagination-dots__item_1r0u8_31:focus-visible{outline-color:var(--focus-ring-color);outline-offset:3px}._pagination-dots__dot_1r0u8_14{display:block;width:6px;height:6px;border-radius:var(--radius-full);background-color:rgba(var(--center-channel-color-rgb),.24);transition:background-color var(--duration-quick) var(--ease-transition),width var(--duration-quick) var(--ease-transition),height var(--duration-quick) var(--ease-transition),box-shadow var(--duration-quick) var(--ease-transition)}._pagination-dots__dot--active_1r0u8_17{background-color:var(--button-bg);box-shadow:0 0 0 4px rgba(var(--button-bg-rgb),.16)}

package/dist/components/pagination-dots/PaginationDots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationDots.d.ts","sourceRoot":"","sources":["../../../src/components/pagination-dots/PaginationDots.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,yBAAyB,GAAG,YAAY,GAAG,UAAU,CAAC;AAClE,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CAAC;AAExE,MAAM,WAAW,mBAAmB;IAClC,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,UAAU,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,yBAAyB,CAAC;IACxC,qCAAqC;IACrC,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,wEAAwE;IACxE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,KAAK,EACL,UAAU,EACV,WAA0B,EAC1B,QAAoB,EACpB,YAAY,EACZ,SAAc,GACf,EAAE,mBAAmB,2CAqDrB"}

package/dist/components/pagination-dots/PaginationDots.js

@@ -0,0 +1,48 @@
+import { jsx as a } from "react/jsx-runtime";
+import t from "./PaginationDots.module.scss.js";
+function j({
+  pages: r,
+  activePage: e,
+  orientation: l = "horizontal",
+  dotStyle: n = "default",
+  onPageChange: o,
+  className: c = ""
+}) {
+  const d = l === "vertical", p = n === "inverted", m = n === "on-primary", f = d ? t["pagination-dots--vertical"] : t["pagination-dots--horizontal"], v = p ? t["pagination-dots--inverted"] : m ? t["pagination-dots--on-primary"] : "";
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: [
+        t["pagination-dots"],
+        f,
+        v,
+        c
+      ].filter(Boolean).join(" "),
+      role: "tablist",
+      "aria-label": "Pages",
+      children: Array.from({ length: r }, (b, u) => {
+        const i = u + 1, s = i === e, _ = [
+          t["pagination-dots__dot"],
+          s ? t["pagination-dots__dot--active"] : ""
+        ].filter(Boolean).join(" ");
+        return /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            role: "tab",
+            "aria-selected": s,
+            "aria-label": `Page ${i}`,
+            className: t["pagination-dots__item"],
+            onClick: () => o == null ? void 0 : o(i),
+            children: /* @__PURE__ */ a("span", { className: _ })
+          },
+          i
+        );
+      })
+    }
+  );
+}
+export {
+  j as default
+};
+//# sourceMappingURL=PaginationDots.js.map

package/dist/components/pagination-dots/PaginationDots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationDots.js","sources":["../../../src/components/pagination-dots/PaginationDots.tsx"],"sourcesContent":["import styles from './PaginationDots.module.scss';\n\nexport type PaginationDotsOrientation = 'horizontal' | 'vertical';\nexport type PaginationDotsStyle = 'default' | 'inverted' | 'on-primary';\n\nexport interface PaginationDotsProps {\n  /** Total number of pages/steps. */\n  pages: number;\n  /** Currently active page (1-indexed). */\n  activePage: number;\n  /** Layout orientation. Default: Horizontal. */\n  orientation?: PaginationDotsOrientation;\n  /** Color style. Default: Default. */\n  dotStyle?: PaginationDotsStyle;\n  /** Called when a dot is clicked. Receives the 1-indexed page number. */\n  onPageChange?: (page: number) => void;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\n/**\n * Pagination Dots indicate progress through a fixed sequence of steps — most often a\n * multi-step onboarding flow or a swipeable carousel. One dot per step, the active one\n * filled, the rest quiet.\n */\nexport default function PaginationDots({\n  pages,\n  activePage,\n  orientation = 'horizontal',\n  dotStyle = 'default',\n  onPageChange,\n  className = '',\n}: PaginationDotsProps) {\n  const isVertical = orientation === 'vertical';\n  const isInverted = dotStyle === 'inverted';\n  const isOnPrimary = dotStyle === 'on-primary';\n\n  const orientationClass = isVertical\n    ? styles['pagination-dots--vertical']\n    : styles['pagination-dots--horizontal'];\n  const styleClass = isInverted\n    ? styles['pagination-dots--inverted']\n    : isOnPrimary\n      ? styles['pagination-dots--on-primary']\n      : '';\n\n  return (\n    <div\n      className={[\n        styles['pagination-dots'],\n        orientationClass,\n        styleClass,\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      role=\"tablist\"\n      aria-label=\"Pages\"\n    >\n      {Array.from({ length: pages }, (_, i) => {\n        const page = i + 1;\n        const isActive = page === activePage;\n        const dotClass = [\n          styles['pagination-dots__dot'],\n          isActive ? styles['pagination-dots__dot--active'] : '',\n        ]\n          .filter(Boolean)\n          .join(' ');\n\n        return (\n          <button\n            key={page}\n            type=\"button\"\n            role=\"tab\"\n            aria-selected={isActive}\n            aria-label={`Page ${page}`}\n            className={styles['pagination-dots__item']}\n            onClick={() => onPageChange?.(page)}\n          >\n            <span className={dotClass} />\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["PaginationDots","pages","activePage","orientation","dotStyle","onPageChange","className","isVertical","isInverted","isOnPrimary","orientationClass","styles","styleClass","jsx","_","i","page","isActive","dotClass"],"mappings":";;AAyBA,SAAwBA,EAAe;AAAA,EACrC,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAAC,IAAW;AAAA,EACX,cAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAAwB;AACtB,QAAMC,IAAaJ,MAAgB,YAC7BK,IAAaJ,MAAa,YAC1BK,IAAcL,MAAa,cAE3BM,IAAmBH,IACrBI,EAAO,2BAA2B,IAClCA,EAAO,6BAA6B,GAClCC,IAAaJ,IACfG,EAAO,2BAA2B,IAClCF,IACEE,EAAO,6BAA6B,IACpC;AAEN,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACTF,EAAO,iBAAiB;AAAA,QACxBD;AAAA,QACAE;AAAA,QACAN;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACX,MAAK;AAAA,MACL,cAAW;AAAA,MAEV,UAAA,MAAM,KAAK,EAAE,QAAQL,KAAS,CAACa,GAAGC,MAAM;AACvC,cAAMC,IAAOD,IAAI,GACXE,IAAWD,MAASd,GACpBgB,IAAW;AAAA,UACfP,EAAO,sBAAsB;AAAA,UAC7BM,IAAWN,EAAO,8BAA8B,IAAI;AAAA,QAAA,EAEnD,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,eACE,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,MAAK;AAAA,YACL,MAAK;AAAA,YACL,iBAAeI;AAAA,YACf,cAAY,QAAQD,CAAI;AAAA,YACxB,WAAWL,EAAO,uBAAuB;AAAA,YACzC,SAAS,MAAMN,KAAA,gBAAAA,EAAeW;AAAA,YAE9B,UAAA,gBAAAH,EAAC,QAAA,EAAK,WAAWK,EAAA,CAAU;AAAA,UAAA;AAAA,UARtBF;AAAA,QAAA;AAAA,MAWX,CAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/pagination-dots/PaginationDots.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./PaginationDots.css');const t={"pagination-dots":"_pagination-dots_1r0u8_2","pagination-dots--horizontal":"_pagination-dots--horizontal_1r0u8_6","pagination-dots--vertical":"_pagination-dots--vertical_1r0u8_10","pagination-dots--inverted":"_pagination-dots--inverted_1r0u8_14","pagination-dots__dot":"_pagination-dots__dot_1r0u8_14","pagination-dots__dot--active":"_pagination-dots__dot--active_1r0u8_17","pagination-dots--on-primary":"_pagination-dots--on-primary_1r0u8_21","pagination-dots__item":"_pagination-dots__item_1r0u8_31"};exports.default=t;
+//# sourceMappingURL=PaginationDots.module.scss.cjs.map

package/dist/components/pagination-dots/PaginationDots.module.scss.cjs.map

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

package/dist/components/pagination-dots/PaginationDots.module.scss.js

@@ -0,0 +1,14 @@
+import './PaginationDots.css';const t = {
+  "pagination-dots": "_pagination-dots_1r0u8_2",
+  "pagination-dots--horizontal": "_pagination-dots--horizontal_1r0u8_6",
+  "pagination-dots--vertical": "_pagination-dots--vertical_1r0u8_10",
+  "pagination-dots--inverted": "_pagination-dots--inverted_1r0u8_14",
+  "pagination-dots__dot": "_pagination-dots__dot_1r0u8_14",
+  "pagination-dots__dot--active": "_pagination-dots__dot--active_1r0u8_17",
+  "pagination-dots--on-primary": "_pagination-dots--on-primary_1r0u8_21",
+  "pagination-dots__item": "_pagination-dots__item_1r0u8_31"
+};
+export {
+  t as default
+};
+//# sourceMappingURL=PaginationDots.module.scss.js.map

package/dist/components/pagination-dots/PaginationDots.module.scss.js.map

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

package/dist/components/pagination-dots/index.cjs

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

package/dist/components/pagination-dots/index.cjs.map

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

package/dist/components/pagination-dots/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/pagination-dots/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,YAAY,EACV,mBAAmB,EACnB,yBAAyB,EACzB,mBAAmB,GACpB,MAAM,kBAAkB,CAAC"}

package/dist/components/pagination-dots/index.js

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

package/dist/components/pagination-dots/index.js.map

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

package/dist/components/permalink-preview/PermalinkPreview.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("../user-avatar/UserAvatar.cjs"),m=require("../message-header/MessageHeader.cjs"),o=require("../icon/Icon.cjs"),p=require("../icon-button/IconButton.cjs"),__v=require("@mattermost/compass-icons/components/close.js"),v=__v?.default??__v,s=require("./PermalinkPreview.module.scss.cjs");function f({authorName:i="Leonard Riley",avatarSrc:r,timestamp:l="10:43 AM",messageText:n="At eu sed tristique gravida et fames vel pellentesque. Urna phasellus integer eu tempor mauris amet sagittis. Mollis risus mi felis magna.",originalChannel:t="~Desktop App",onDismiss:a,className:d=""}){const u=[s.default["permalink-preview"],d].filter(Boolean).join(" ");return e.jsxs("div",{className:u,children:[a!=null&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:s.default["permalink-preview__dismiss-bridge"],"aria-hidden":!0}),e.jsx(p.default,{className:s.default["permalink-preview__dismiss"],size:"x-small",padding:"compact","aria-label":"Remove permalink preview",icon:e.jsx(o.default,{size:"12",glyph:e.jsx(v,{})}),onClick:a})]}),e.jsxs("div",{className:s.default["permalink-preview__card"],children:[e.jsxs("div",{className:s.default["permalink-preview__message"],children:[e.jsxs("div",{className:s.default["permalink-preview__header"],children:[e.jsx(c.default,{src:r,alt:i,size:"24"}),e.jsx(m.default,{username:i,timestamp:l})]}),e.jsx("div",{className:s.default["permalink-preview__body"],children:e.jsx("p",{className:s.default["permalink-preview__text"],children:n})})]}),e.jsxs("p",{className:s.default["permalink-preview__origin"],children:["Originally posted in ",t]})]})]})}exports.default=f;
+//# sourceMappingURL=PermalinkPreview.cjs.map

package/dist/components/permalink-preview/PermalinkPreview.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PermalinkPreview.cjs","sources":["../../../src/components/permalink-preview/PermalinkPreview.tsx"],"sourcesContent":["import UserAvatar from '@/components/user-avatar/UserAvatar';\nimport MessageHeader from '@/components/message-header/MessageHeader';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport styles from './PermalinkPreview.module.scss';\n\nexport interface PermalinkPreviewProps {\n  /** Sender's display name. */\n  authorName?: string;\n  /** Avatar image src. */\n  avatarSrc: string;\n  /** Timestamp label. */\n  timestamp?: string;\n  /** The quoted message body text. */\n  messageText?: string;\n  /** \"Originally posted in ~Channel\" footer text. */\n  originalChannel?: string;\n  /** Called when the dismiss control is clicked. Shown on hover when provided. */\n  onDismiss?: () => void;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\n/**\n * A Permalink Preview renders an inline card for a message that another message links to.\n * Sender, timestamp, body, and origin channel — enough context to recognise the quoted\n * message without leaving where you are.\n */\nexport default function PermalinkPreview({\n  authorName = 'Leonard Riley',\n  avatarSrc,\n  timestamp = '10:43 AM',\n  messageText = 'At eu sed tristique gravida et fames vel pellentesque. Urna phasellus integer eu tempor mauris amet sagittis. Mollis risus mi felis magna.',\n  originalChannel = '~Desktop App',\n  onDismiss,\n  className = '',\n}: PermalinkPreviewProps) {\n  const rootClass = [styles['permalink-preview'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass}>\n      {onDismiss != null && (\n        <>\n          <div\n            className={styles['permalink-preview__dismiss-bridge']}\n            aria-hidden\n          />\n          <IconButton\n            className={styles['permalink-preview__dismiss']}\n            size=\"x-small\"\n            padding=\"compact\"\n            aria-label=\"Remove permalink preview\"\n            icon={<Icon size=\"12\" glyph={<CloseIcon />} />}\n            onClick={onDismiss}\n          />\n        </>\n      )}\n\n      <div className={styles['permalink-preview__card']}>\n        <div className={styles['permalink-preview__message']}>\n          <div className={styles['permalink-preview__header']}>\n            <UserAvatar src={avatarSrc} alt={authorName} size=\"24\" />\n            <MessageHeader username={authorName} timestamp={timestamp} />\n          </div>\n          <div className={styles['permalink-preview__body']}>\n            <p className={styles['permalink-preview__text']}>{messageText}</p>\n          </div>\n        </div>\n        <p className={styles['permalink-preview__origin']}>\n          Originally posted in {originalChannel}\n        </p>\n      </div>\n    </div>\n  );\n}\n"],"names":["PermalinkPreview","authorName","avatarSrc","timestamp","messageText","originalChannel","onDismiss","className","rootClass","styles","jsxs","Fragment","jsx","IconButton","Icon","CloseIcon","UserAvatar","MessageHeader"],"mappings":"2ZA6BA,SAAwBA,EAAiB,CACvC,WAAAC,EAAa,gBACb,UAAAC,EACA,UAAAC,EAAY,WACZ,YAAAC,EAAc,6IACd,gBAAAC,EAAkB,eAClB,UAAAC,EACA,UAAAC,EAAY,EACd,EAA0B,CACxB,MAAMC,EAAY,CAACC,UAAO,mBAAmB,EAAGF,CAAS,EACtD,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEG,EAAAA,KAAC,MAAA,CAAI,UAAWF,EACb,SAAA,CAAAF,GAAa,MACZI,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,MAAA,CACC,UAAWH,EAAAA,QAAO,mCAAmC,EACrD,cAAW,EAAA,CAAA,EAEbG,EAAAA,IAACC,EAAAA,QAAA,CACC,UAAWJ,EAAAA,QAAO,4BAA4B,EAC9C,KAAK,UACL,QAAQ,UACR,aAAW,2BACX,WAAOK,UAAA,CAAK,KAAK,KAAK,MAAOF,MAACG,IAAU,EAAI,EAC5C,QAAST,CAAA,CAAA,CACX,EACF,EAGFI,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,yBAAyB,EAC9C,SAAA,CAAAC,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,4BAA4B,EACjD,SAAA,CAAAC,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,2BAA2B,EAChD,SAAA,CAAAG,MAACI,EAAAA,SAAW,IAAKd,EAAW,IAAKD,EAAY,KAAK,KAAK,EACvDW,EAAAA,IAACK,EAAAA,QAAA,CAAc,SAAUhB,EAAY,UAAAE,CAAA,CAAsB,CAAA,EAC7D,EACAS,EAAAA,IAAC,MAAA,CAAI,UAAWH,EAAAA,QAAO,yBAAyB,EAC9C,SAAAG,EAAAA,IAAC,IAAA,CAAE,UAAWH,UAAO,yBAAyB,EAAI,WAAY,CAAA,CAChE,CAAA,EACF,EACAC,EAAAA,KAAC,IAAA,CAAE,UAAWD,EAAAA,QAAO,2BAA2B,EAAG,SAAA,CAAA,wBAC3BJ,CAAA,CAAA,CACxB,CAAA,CAAA,CACF,CAAA,EACF,CAEJ"}

package/dist/components/permalink-preview/PermalinkPreview.css

@@ -0,0 +1 @@
+._permalink-preview_wn42x_2{--permalink-preview-dismiss-size: 20px;--permalink-preview-dismiss-outset: calc( var(--permalink-preview-dismiss-size) + var(--spacing-xxxs) );display:flex;align-items:flex-start;max-width:700px;position:relative}._permalink-preview__dismiss-bridge_wn42x_12{position:absolute;top:calc(-1 * var(--permalink-preview-dismiss-outset));bottom:0;left:calc(-1 * var(--permalink-preview-dismiss-outset));width:var(--permalink-preview-dismiss-outset);z-index:1;pointer-events:none}._permalink-preview__dismiss_wn42x_12{position:absolute;top:0;left:calc(-1 * var(--spacing-xxl));z-index:2;opacity:0;pointer-events:none;transition:opacity var(--duration-quick) var(--ease-transition)}._permalink-preview_wn42x_2:hover ._permalink-preview__dismiss-bridge_wn42x_12,._permalink-preview_wn42x_2:focus-within ._permalink-preview__dismiss-bridge_wn42x_12{pointer-events:auto}._permalink-preview_wn42x_2:hover ._permalink-preview__dismiss_wn42x_12,._permalink-preview_wn42x_2:focus-within ._permalink-preview__dismiss_wn42x_12{opacity:1;pointer-events:auto}._permalink-preview__card_wn42x_37{background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.16);border-radius:var(--radius-s);box-shadow:var(--elevation-1);display:flex;flex-direction:column;flex:1 0 0;gap:var(--spacing-s);align-items:flex-start;min-width:0;padding:var(--spacing-xl);transition:box-shadow var(--duration-quick) var(--ease-transition),border-color var(--duration-quick) var(--ease-transition)}._permalink-preview__card_wn42x_37:hover{box-shadow:var(--elevation-2);border-color:rgba(var(--center-channel-color-rgb),.24);cursor:pointer}._permalink-preview__message_wn42x_56{display:flex;flex-direction:column;gap:var(--spacing-xxxxs, 4px);align-items:flex-start;overflow:hidden;width:100%}._permalink-preview__header_wn42x_64{display:flex;gap:var(--spacing-s);align-items:center;flex-shrink:0}._permalink-preview__body_wn42x_70{display:flex;flex-direction:column;align-items:flex-start;width:100%}._permalink-preview__text_wn42x_76{font-size:var(--font-size-100);font-weight:var(--font-weight-regular);line-height:var(--line-height-100);color:var(--center-channel-color);width:100%}._permalink-preview__origin_wn42x_83{font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.64);white-space:nowrap;flex-shrink:0}

package/dist/components/permalink-preview/PermalinkPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PermalinkPreview.d.ts","sourceRoot":"","sources":["../../../src/components/permalink-preview/PermalinkPreview.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,qBAAqB;IACpC,6BAA6B;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wBAAwB;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,UAA4B,EAC5B,SAAS,EACT,SAAsB,EACtB,WAA0J,EAC1J,eAAgC,EAChC,SAAS,EACT,SAAc,GACf,EAAE,qBAAqB,2CAwCvB"}

package/dist/components/permalink-preview/PermalinkPreview.js

@@ -0,0 +1,57 @@
+import { jsxs as r, Fragment as d, jsx as i } from "react/jsx-runtime";
+import c from "../user-avatar/UserAvatar.js";
+import v from "../message-header/MessageHeader.js";
+import _ from "../icon/Icon.js";
+import k from "../icon-button/IconButton.js";
+import __u from "@mattermost/compass-icons/components/close.js";const u=__u&&__u.default?__u.default:__u;
+import e from "./PermalinkPreview.module.scss.js";
+function A({
+  authorName: a = "Leonard Riley",
+  avatarSrc: l,
+  timestamp: m = "10:43 AM",
+  messageText: n = "At eu sed tristique gravida et fames vel pellentesque. Urna phasellus integer eu tempor mauris amet sagittis. Mollis risus mi felis magna.",
+  originalChannel: p = "~Desktop App",
+  onDismiss: s,
+  className: o = ""
+}) {
+  const t = [e["permalink-preview"], o].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r("div", { className: t, children: [
+    s != null && /* @__PURE__ */ r(d, { children: [
+      /* @__PURE__ */ i(
+        "div",
+        {
+          className: e["permalink-preview__dismiss-bridge"],
+          "aria-hidden": !0
+        }
+      ),
+      /* @__PURE__ */ i(
+        k,
+        {
+          className: e["permalink-preview__dismiss"],
+          size: "x-small",
+          padding: "compact",
+          "aria-label": "Remove permalink preview",
+          icon: /* @__PURE__ */ i(_, { size: "12", glyph: /* @__PURE__ */ i(u, {}) }),
+          onClick: s
+        }
+      )
+    ] }),
+    /* @__PURE__ */ r("div", { className: e["permalink-preview__card"], children: [
+      /* @__PURE__ */ r("div", { className: e["permalink-preview__message"], children: [
+        /* @__PURE__ */ r("div", { className: e["permalink-preview__header"], children: [
+          /* @__PURE__ */ i(c, { src: l, alt: a, size: "24" }),
+          /* @__PURE__ */ i(v, { username: a, timestamp: m })
+        ] }),
+        /* @__PURE__ */ i("div", { className: e["permalink-preview__body"], children: /* @__PURE__ */ i("p", { className: e["permalink-preview__text"], children: n }) })
+      ] }),
+      /* @__PURE__ */ r("p", { className: e["permalink-preview__origin"], children: [
+        "Originally posted in ",
+        p
+      ] })
+    ] })
+  ] });
+}
+export {
+  A as default
+};
+//# sourceMappingURL=PermalinkPreview.js.map

package/dist/components/permalink-preview/PermalinkPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PermalinkPreview.js","sources":["../../../src/components/permalink-preview/PermalinkPreview.tsx"],"sourcesContent":["import UserAvatar from '@/components/user-avatar/UserAvatar';\nimport MessageHeader from '@/components/message-header/MessageHeader';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport styles from './PermalinkPreview.module.scss';\n\nexport interface PermalinkPreviewProps {\n  /** Sender's display name. */\n  authorName?: string;\n  /** Avatar image src. */\n  avatarSrc: string;\n  /** Timestamp label. */\n  timestamp?: string;\n  /** The quoted message body text. */\n  messageText?: string;\n  /** \"Originally posted in ~Channel\" footer text. */\n  originalChannel?: string;\n  /** Called when the dismiss control is clicked. Shown on hover when provided. */\n  onDismiss?: () => void;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\n/**\n * A Permalink Preview renders an inline card for a message that another message links to.\n * Sender, timestamp, body, and origin channel — enough context to recognise the quoted\n * message without leaving where you are.\n */\nexport default function PermalinkPreview({\n  authorName = 'Leonard Riley',\n  avatarSrc,\n  timestamp = '10:43 AM',\n  messageText = 'At eu sed tristique gravida et fames vel pellentesque. Urna phasellus integer eu tempor mauris amet sagittis. Mollis risus mi felis magna.',\n  originalChannel = '~Desktop App',\n  onDismiss,\n  className = '',\n}: PermalinkPreviewProps) {\n  const rootClass = [styles['permalink-preview'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass}>\n      {onDismiss != null && (\n        <>\n          <div\n            className={styles['permalink-preview__dismiss-bridge']}\n            aria-hidden\n          />\n          <IconButton\n            className={styles['permalink-preview__dismiss']}\n            size=\"x-small\"\n            padding=\"compact\"\n            aria-label=\"Remove permalink preview\"\n            icon={<Icon size=\"12\" glyph={<CloseIcon />} />}\n            onClick={onDismiss}\n          />\n        </>\n      )}\n\n      <div className={styles['permalink-preview__card']}>\n        <div className={styles['permalink-preview__message']}>\n          <div className={styles['permalink-preview__header']}>\n            <UserAvatar src={avatarSrc} alt={authorName} size=\"24\" />\n            <MessageHeader username={authorName} timestamp={timestamp} />\n          </div>\n          <div className={styles['permalink-preview__body']}>\n            <p className={styles['permalink-preview__text']}>{messageText}</p>\n          </div>\n        </div>\n        <p className={styles['permalink-preview__origin']}>\n          Originally posted in {originalChannel}\n        </p>\n      </div>\n    </div>\n  );\n}\n"],"names":["PermalinkPreview","authorName","avatarSrc","timestamp","messageText","originalChannel","onDismiss","className","rootClass","styles","jsxs","Fragment","jsx","IconButton","Icon","CloseIcon","UserAvatar","MessageHeader"],"mappings":";;;;;;;AA6BA,SAAwBA,EAAiB;AAAA,EACvC,YAAAC,IAAa;AAAA,EACb,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,aAAAC,IAAc;AAAA,EACd,iBAAAC,IAAkB;AAAA,EAClB,WAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAA0B;AACxB,QAAMC,IAAY,CAACC,EAAO,mBAAmB,GAAGF,CAAS,EACtD,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAG,EAAC,OAAA,EAAI,WAAWF,GACb,UAAA;AAAA,IAAAF,KAAa,QACZ,gBAAAI,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWH,EAAO,mCAAmC;AAAA,UACrD,eAAW;AAAA,QAAA;AAAA,MAAA;AAAA,MAEb,gBAAAG;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAWJ,EAAO,4BAA4B;AAAA,UAC9C,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,cAAW;AAAA,UACX,wBAAOK,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAF,EAACG,KAAU,GAAI;AAAA,UAC5C,SAAST;AAAA,QAAA;AAAA,MAAA;AAAA,IACX,GACF;AAAA,IAGF,gBAAAI,EAAC,OAAA,EAAI,WAAWD,EAAO,yBAAyB,GAC9C,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,4BAA4B,GACjD,UAAA;AAAA,QAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,2BAA2B,GAChD,UAAA;AAAA,UAAA,gBAAAG,EAACI,KAAW,KAAKd,GAAW,KAAKD,GAAY,MAAK,MAAK;AAAA,UACvD,gBAAAW,EAACK,GAAA,EAAc,UAAUhB,GAAY,WAAAE,EAAA,CAAsB;AAAA,QAAA,GAC7D;AAAA,QACA,gBAAAS,EAAC,OAAA,EAAI,WAAWH,EAAO,yBAAyB,GAC9C,UAAA,gBAAAG,EAAC,KAAA,EAAE,WAAWH,EAAO,yBAAyB,GAAI,aAAY,EAAA,CAChE;AAAA,MAAA,GACF;AAAA,MACA,gBAAAC,EAAC,KAAA,EAAE,WAAWD,EAAO,2BAA2B,GAAG,UAAA;AAAA,QAAA;AAAA,QAC3BJ;AAAA,MAAA,EAAA,CACxB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/permalink-preview/PermalinkPreview.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./PermalinkPreview.css');const e={"permalink-preview":"_permalink-preview_wn42x_2","permalink-preview__dismiss-bridge":"_permalink-preview__dismiss-bridge_wn42x_12","permalink-preview__dismiss":"_permalink-preview__dismiss_wn42x_12","permalink-preview__card":"_permalink-preview__card_wn42x_37","permalink-preview__message":"_permalink-preview__message_wn42x_56","permalink-preview__header":"_permalink-preview__header_wn42x_64","permalink-preview__body":"_permalink-preview__body_wn42x_70","permalink-preview__text":"_permalink-preview__text_wn42x_76","permalink-preview__origin":"_permalink-preview__origin_wn42x_83"};exports.default=e;
+//# sourceMappingURL=PermalinkPreview.module.scss.cjs.map

package/dist/components/permalink-preview/PermalinkPreview.module.scss.cjs.map

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

package/dist/components/permalink-preview/PermalinkPreview.module.scss.js

@@ -0,0 +1,15 @@
+import './PermalinkPreview.css';const e = {
+  "permalink-preview": "_permalink-preview_wn42x_2",
+  "permalink-preview__dismiss-bridge": "_permalink-preview__dismiss-bridge_wn42x_12",
+  "permalink-preview__dismiss": "_permalink-preview__dismiss_wn42x_12",
+  "permalink-preview__card": "_permalink-preview__card_wn42x_37",
+  "permalink-preview__message": "_permalink-preview__message_wn42x_56",
+  "permalink-preview__header": "_permalink-preview__header_wn42x_64",
+  "permalink-preview__body": "_permalink-preview__body_wn42x_70",
+  "permalink-preview__text": "_permalink-preview__text_wn42x_76",
+  "permalink-preview__origin": "_permalink-preview__origin_wn42x_83"
+};
+export {
+  e as default
+};
+//# sourceMappingURL=PermalinkPreview.module.scss.js.map

package/dist/components/permalink-preview/PermalinkPreview.module.scss.js.map

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

package/dist/components/permalink-preview/index.cjs

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

package/dist/components/permalink-preview/index.cjs.map

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

package/dist/components/permalink-preview/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/permalink-preview/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/permalink-preview/index.js

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

package/dist/components/permalink-preview/index.js.map

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

package/dist/components/pinned-saved-indicators/PinnedSavedIndicators.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__d=require("@mattermost/compass-icons/components/pin-outline.js"),d=__d?.default??__d,__l=require("@mattermost/compass-icons/components/bookmark-outline.js"),l=__l?.default??__l,a=require("../icon/Icon.cjs"),n=require("./PinnedSavedIndicators.module.scss.cjs");function r({className:s=""}){const i=[n.default["pinned-saved-indicators"],s].filter(Boolean).join(" ");return e.jsxs("div",{className:i,"aria-label":"Pinned and Saved",children:[e.jsxs("div",{className:n.default["pinned-saved-indicators__icons"],children:[e.jsx(a.default,{size:"12",glyph:e.jsx(d,{}),"aria-hidden":!0}),e.jsx(a.default,{size:"12",glyph:e.jsx(l,{}),"aria-hidden":!0})]}),e.jsxs("div",{className:n.default["pinned-saved-indicators__labels"],children:[e.jsx("span",{className:n.default["pinned-saved-indicators__label"],children:"Pinned"}),e.jsx("span",{className:n.default["pinned-saved-indicators__sep"],"aria-hidden":!0,children:"•"}),e.jsx("span",{className:n.default["pinned-saved-indicators__label"],children:"Saved"})]})]})}exports.default=r;
+//# sourceMappingURL=PinnedSavedIndicators.cjs.map

package/dist/components/pinned-saved-indicators/PinnedSavedIndicators.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PinnedSavedIndicators.cjs","sources":["../../../src/components/pinned-saved-indicators/PinnedSavedIndicators.tsx"],"sourcesContent":["import PinOutlineIcon from '@mattermost/compass-icons/components/pin-outline';\nimport BookmarkOutlineIcon from '@mattermost/compass-icons/components/bookmark-outline';\nimport Icon from '@/components/icon/Icon';\nimport styles from './PinnedSavedIndicators.module.scss';\n\nexport interface PinnedSavedIndicatorsProps {\n  /** Optional CSS class on the root. */\n  className?: string;\n}\n\n/**\n * Pinned + Saved row shown above a message when applicable (Patterns — Message).\n */\nexport default function PinnedSavedIndicators({\n  className = '',\n}: PinnedSavedIndicatorsProps) {\n  const rootClass = [styles['pinned-saved-indicators'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass} aria-label=\"Pinned and Saved\">\n      <div className={styles['pinned-saved-indicators__icons']}>\n        <Icon size=\"12\" glyph={<PinOutlineIcon />} aria-hidden />\n        <Icon size=\"12\" glyph={<BookmarkOutlineIcon />} aria-hidden />\n      </div>\n      <div className={styles['pinned-saved-indicators__labels']}>\n        <span className={styles['pinned-saved-indicators__label']}>Pinned</span>\n        <span className={styles['pinned-saved-indicators__sep']} aria-hidden>\n          •\n        </span>\n        <span className={styles['pinned-saved-indicators__label']}>Saved</span>\n      </div>\n    </div>\n  );\n}\n"],"names":["PinnedSavedIndicators","className","rootClass","styles","jsxs","jsx","Icon","PinOutlineIcon","BookmarkOutlineIcon"],"mappings":"qWAaA,SAAwBA,EAAsB,CAC5C,UAAAC,EAAY,EACd,EAA+B,CAC7B,MAAMC,EAAY,CAACC,UAAO,yBAAyB,EAAGF,CAAS,EAC5D,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEG,EAAAA,KAAC,MAAA,CAAI,UAAWF,EAAW,aAAW,mBACpC,SAAA,CAAAE,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,gCAAgC,EACrD,SAAA,CAAAE,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAK,KAAK,YAAQC,EAAA,CAAA,CAAe,EAAI,cAAW,EAAA,CAAC,EACvDF,EAAAA,IAACC,EAAAA,SAAK,KAAK,KAAK,MAAOD,EAAAA,IAACG,EAAA,CAAA,CAAoB,EAAI,cAAW,EAAA,CAAC,CAAA,EAC9D,EACAJ,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,iCAAiC,EACtD,SAAA,CAAAE,MAAC,OAAA,CAAK,UAAWF,EAAAA,QAAO,gCAAgC,EAAG,SAAA,SAAM,EACjEE,EAAAA,IAAC,QAAK,UAAWF,UAAO,8BAA8B,EAAG,cAAW,GAAC,SAAA,IAErE,QACC,OAAA,CAAK,UAAWA,EAAAA,QAAO,gCAAgC,EAAG,SAAA,OAAA,CAAK,CAAA,CAAA,CAClE,CAAA,EACF,CAEJ"}

package/dist/components/pinned-saved-indicators/PinnedSavedIndicators.css

@@ -0,0 +1 @@
+._pinned-saved-indicators_xrsyx_2{display:flex;align-items:center}._pinned-saved-indicators__icons_xrsyx_6{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xxxs);flex-shrink:0;color:var(--link-color)}._pinned-saved-indicators__labels_xrsyx_14{display:inline-flex;align-items:center;gap:var(--spacing-xxxs);padding:0 var(--spacing-xxxs);font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-75);white-space:nowrap}._pinned-saved-indicators__label_xrsyx_14{color:var(--link-color)}._pinned-saved-indicators__sep_xrsyx_28{color:rgba(var(--center-channel-color-rgb),.64)}

package/dist/components/pinned-saved-indicators/PinnedSavedIndicators.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PinnedSavedIndicators.d.ts","sourceRoot":"","sources":["../../../src/components/pinned-saved-indicators/PinnedSavedIndicators.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,0BAA0B;IACzC,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,SAAc,GACf,EAAE,0BAA0B,2CAoB5B"}

package/dist/components/pinned-saved-indicators/PinnedSavedIndicators.js

@@ -0,0 +1,25 @@
+import { jsxs as n, jsx as i } from "react/jsx-runtime";
+import __r from "@mattermost/compass-icons/components/pin-outline.js";const r=__r&&__r.default?__r.default:__r;
+import __o from "@mattermost/compass-icons/components/bookmark-outline.js";const o=__o&&__o.default?__o.default:__o;
+import a from "../icon/Icon.js";
+import e from "./PinnedSavedIndicators.module.scss.js";
+function v({
+  className: d = ""
+}) {
+  const s = [e["pinned-saved-indicators"], d].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { className: s, "aria-label": "Pinned and Saved", children: [
+    /* @__PURE__ */ n("div", { className: e["pinned-saved-indicators__icons"], children: [
+      /* @__PURE__ */ i(a, { size: "12", glyph: /* @__PURE__ */ i(r, {}), "aria-hidden": !0 }),
+      /* @__PURE__ */ i(a, { size: "12", glyph: /* @__PURE__ */ i(o, {}), "aria-hidden": !0 })
+    ] }),
+    /* @__PURE__ */ n("div", { className: e["pinned-saved-indicators__labels"], children: [
+      /* @__PURE__ */ i("span", { className: e["pinned-saved-indicators__label"], children: "Pinned" }),
+      /* @__PURE__ */ i("span", { className: e["pinned-saved-indicators__sep"], "aria-hidden": !0, children: "•" }),
+      /* @__PURE__ */ i("span", { className: e["pinned-saved-indicators__label"], children: "Saved" })
+    ] })
+  ] });
+}
+export {
+  v as default
+};
+//# sourceMappingURL=PinnedSavedIndicators.js.map

package/dist/components/pinned-saved-indicators/PinnedSavedIndicators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PinnedSavedIndicators.js","sources":["../../../src/components/pinned-saved-indicators/PinnedSavedIndicators.tsx"],"sourcesContent":["import PinOutlineIcon from '@mattermost/compass-icons/components/pin-outline';\nimport BookmarkOutlineIcon from '@mattermost/compass-icons/components/bookmark-outline';\nimport Icon from '@/components/icon/Icon';\nimport styles from './PinnedSavedIndicators.module.scss';\n\nexport interface PinnedSavedIndicatorsProps {\n  /** Optional CSS class on the root. */\n  className?: string;\n}\n\n/**\n * Pinned + Saved row shown above a message when applicable (Patterns — Message).\n */\nexport default function PinnedSavedIndicators({\n  className = '',\n}: PinnedSavedIndicatorsProps) {\n  const rootClass = [styles['pinned-saved-indicators'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass} aria-label=\"Pinned and Saved\">\n      <div className={styles['pinned-saved-indicators__icons']}>\n        <Icon size=\"12\" glyph={<PinOutlineIcon />} aria-hidden />\n        <Icon size=\"12\" glyph={<BookmarkOutlineIcon />} aria-hidden />\n      </div>\n      <div className={styles['pinned-saved-indicators__labels']}>\n        <span className={styles['pinned-saved-indicators__label']}>Pinned</span>\n        <span className={styles['pinned-saved-indicators__sep']} aria-hidden>\n          •\n        </span>\n        <span className={styles['pinned-saved-indicators__label']}>Saved</span>\n      </div>\n    </div>\n  );\n}\n"],"names":["PinnedSavedIndicators","className","rootClass","styles","jsxs","jsx","Icon","PinOutlineIcon","BookmarkOutlineIcon"],"mappings":";;;;;AAaA,SAAwBA,EAAsB;AAAA,EAC5C,WAAAC,IAAY;AACd,GAA+B;AAC7B,QAAMC,IAAY,CAACC,EAAO,yBAAyB,GAAGF,CAAS,EAC5D,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAG,EAAC,OAAA,EAAI,WAAWF,GAAW,cAAW,oBACpC,UAAA;AAAA,IAAA,gBAAAE,EAAC,OAAA,EAAI,WAAWD,EAAO,gCAAgC,GACrD,UAAA;AAAA,MAAA,gBAAAE,EAACC,GAAA,EAAK,MAAK,MAAK,yBAAQC,GAAA,CAAA,CAAe,GAAI,eAAW,GAAA,CAAC;AAAA,MACvD,gBAAAF,EAACC,KAAK,MAAK,MAAK,OAAO,gBAAAD,EAACG,GAAA,CAAA,CAAoB,GAAI,eAAW,GAAA,CAAC;AAAA,IAAA,GAC9D;AAAA,IACA,gBAAAJ,EAAC,OAAA,EAAI,WAAWD,EAAO,iCAAiC,GACtD,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAA,EAAK,WAAWF,EAAO,gCAAgC,GAAG,UAAA,UAAM;AAAA,MACjE,gBAAAE,EAAC,UAAK,WAAWF,EAAO,8BAA8B,GAAG,eAAW,IAAC,UAAA,KAErE;AAAA,wBACC,QAAA,EAAK,WAAWA,EAAO,gCAAgC,GAAG,UAAA,QAAA,CAAK;AAAA,IAAA,EAAA,CAClE;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/pinned-saved-indicators/PinnedSavedIndicators.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./PinnedSavedIndicators.css');const e={"pinned-saved-indicators":"_pinned-saved-indicators_xrsyx_2","pinned-saved-indicators__icons":"_pinned-saved-indicators__icons_xrsyx_6","pinned-saved-indicators__labels":"_pinned-saved-indicators__labels_xrsyx_14","pinned-saved-indicators__label":"_pinned-saved-indicators__label_xrsyx_14","pinned-saved-indicators__sep":"_pinned-saved-indicators__sep_xrsyx_28"};exports.default=e;
+//# sourceMappingURL=PinnedSavedIndicators.module.scss.cjs.map

package/dist/components/pinned-saved-indicators/PinnedSavedIndicators.module.scss.cjs.map

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

package/dist/components/pinned-saved-indicators/PinnedSavedIndicators.module.scss.js

@@ -0,0 +1,11 @@
+import './PinnedSavedIndicators.css';const s = {
+  "pinned-saved-indicators": "_pinned-saved-indicators_xrsyx_2",
+  "pinned-saved-indicators__icons": "_pinned-saved-indicators__icons_xrsyx_6",
+  "pinned-saved-indicators__labels": "_pinned-saved-indicators__labels_xrsyx_14",
+  "pinned-saved-indicators__label": "_pinned-saved-indicators__label_xrsyx_14",
+  "pinned-saved-indicators__sep": "_pinned-saved-indicators__sep_xrsyx_28"
+};
+export {
+  s as default
+};
+//# sourceMappingURL=PinnedSavedIndicators.module.scss.js.map

package/dist/components/pinned-saved-indicators/PinnedSavedIndicators.module.scss.js.map

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

package/dist/components/pinned-saved-indicators/index.cjs

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

package/dist/components/pinned-saved-indicators/index.cjs.map

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

package/dist/components/pinned-saved-indicators/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/pinned-saved-indicators/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/pinned-saved-indicators/index.js

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

package/dist/components/pinned-saved-indicators/index.js.map

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

package/dist/components/plus-menu/PlusMenu.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__i=require("@mattermost/compass-icons/components/account-outline.js"),i=__i?.default??__i,__t=require("@mattermost/compass-icons/components/account-plus-outline.js"),t=__t?.default??__t,__a=require("@mattermost/compass-icons/components/folder-plus-outline.js"),a=__a?.default??__a,__c=require("@mattermost/compass-icons/components/globe.js"),c=__c?.default??__c,__d=require("@mattermost/compass-icons/components/plus.js"),d=__d?.default??__d,s=require("../icon/Icon.cjs"),u=require("../menu-item/MenuItem.cjs"),l=require("../popover-menu/PopoverMenu.cjs");function j({className:n="",style:r,...o}){return e.jsxs(l.default,{className:n,style:r,...o,children:[e.jsxs(l.PopoverMenuGroup,{children:[e.jsx(u.default,{label:"Browse channels",leadingVisual:e.jsx(s.default,{glyph:e.jsx(c,{}),size:"16"})}),e.jsx(u.default,{label:"Create new channel",leadingVisual:e.jsx(s.default,{glyph:e.jsx(d,{}),size:"16"})}),e.jsx(u.default,{label:"Open a direct message",leadingVisual:e.jsx(s.default,{glyph:e.jsx(i,{}),size:"16"})})]}),e.jsx(l.PopoverMenuDivider,{}),e.jsx(l.PopoverMenuGroup,{children:e.jsx(u.default,{label:"Create new category",leadingVisual:e.jsx(s.default,{glyph:e.jsx(a,{}),size:"16"})})}),e.jsx(l.PopoverMenuDivider,{}),e.jsx(l.PopoverMenuGroup,{children:e.jsx(u.default,{label:"Invite people",secondaryLabel:"Add or invite people to team",leadingVisual:e.jsx(s.default,{glyph:e.jsx(t,{}),size:"16"})})})]})}exports.default=j;
+//# sourceMappingURL=PlusMenu.cjs.map

package/dist/components/plus-menu/PlusMenu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlusMenu.cjs","sources":["../../../src/components/plus-menu/PlusMenu.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport AccountOutlineIcon from '@mattermost/compass-icons/components/account-outline';\nimport AccountPlusOutlineIcon from '@mattermost/compass-icons/components/account-plus-outline';\nimport FolderPlusOutlineIcon from '@mattermost/compass-icons/components/folder-plus-outline';\nimport GlobeIcon from '@mattermost/compass-icons/components/globe';\nimport PlusIcon from '@mattermost/compass-icons/components/plus';\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';\n\nexport interface PlusMenuProps extends HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Channel sidebar “+” menu — browse/create channels, DM, category, invite.\n */\nexport default function PlusMenu({\n  className = '',\n  style,\n  ...rest\n}: PlusMenuProps) {\n  return (\n    <PopoverMenu\n      className={className}\n      style={style}\n      {...rest}\n    >\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Browse channels\"\n          leadingVisual={<Icon glyph={<GlobeIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Create new channel\"\n          leadingVisual={<Icon glyph={<PlusIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Open a direct message\"\n          leadingVisual={<Icon glyph={<AccountOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Create new category\"\n          leadingVisual={<Icon glyph={<FolderPlusOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Invite people\"\n          secondaryLabel=\"Add or invite people to team\"\n          leadingVisual={<Icon glyph={<AccountPlusOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n    </PopoverMenu>\n  );\n}\n"],"names":["PlusMenu","className","style","rest","jsxs","PopoverMenu","PopoverMenuGroup","jsx","MenuItem","Icon","GlobeIcon","PlusIcon","AccountOutlineIcon","PopoverMenuDivider","FolderPlusOutlineIcon","AccountPlusOutlineIcon"],"mappings":"+jBAkBA,SAAwBA,EAAS,CAC/B,UAAAC,EAAY,GACZ,MAAAC,EACA,GAAGC,CACL,EAAkB,CAChB,OACEC,EAAAA,KAACC,EAAAA,QAAA,CACC,UAAAJ,EACA,MAAAC,EACC,GAAGC,EAEJ,SAAA,CAAAC,OAACE,EAAAA,iBAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,kBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQC,EAAA,CAAA,CAAU,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEvDH,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,qBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQE,EAAA,CAAA,CAAS,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEtDJ,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,wBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQG,EAAA,CAAA,CAAmB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CAChE,EACF,QACCC,EAAAA,mBAAA,EAAmB,QACnBP,EAAAA,iBAAA,CACC,SAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,sBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQK,EAAA,CAAA,CAAsB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAErE,QACCD,EAAAA,mBAAA,EAAmB,QACnBP,EAAAA,iBAAA,CACC,SAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,gBACN,eAAe,+BACf,oBAAgBC,EAAAA,QAAA,CAAK,YAAQM,EAAA,CAAA,CAAuB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CACpE,CACF,CAAA,CAAA,CAAA,CAGN"}

package/dist/components/plus-menu/PlusMenu.d.ts.map

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