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

package/dist/components/admin-panel-footer/AdminPanelFooter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminPanelFooter.cjs","sources":["../../../src/components/admin-panel-footer/AdminPanelFooter.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport AlertCircleOutlineIcon from '@mattermost/compass-icons/components/alert-circle-outline';\nimport AlertOutlineIcon from '@mattermost/compass-icons/components/alert-outline';\nimport Button from '@/components/button/Button';\nimport styles from './AdminPanelFooter.module.scss';\n\nexport type AdminPanelFooterStatus = 'none' | 'warning' | 'error';\n\nexport interface AdminPanelFooterProps {\n  /** Primary footer action label. */\n  saveLabel?: string;\n  cancelLabel?: string;\n  onSave?: () => void;\n  onCancel?: () => void;\n  /** When true, Save uses disabled styling until the sheet is actionable. */\n  saveDisabled?: boolean;\n  /** Optional validation summary beside the buttons. */\n  status?: AdminPanelFooterStatus;\n  /** Override default copy when `warning` | `error`. */\n  statusMessage?: ReactNode;\n  className?: string;\n}\n\nconst DEFAULT_WARNING = 'There are outstanding issues in the form above.';\nconst DEFAULT_ERROR = 'There are errors in the form above.';\n\n/**\n * Admin Panel Footer pins Save and Cancel to the bottom of System Console form layouts. It\n * mirrors channel composer discipline: one primary commit path, a safe escape hatch, and\n * optional validation status without stealing focus from the draft.\n */\nexport default function AdminPanelFooter({\n  saveLabel = 'Save',\n  cancelLabel = 'Cancel',\n  onSave,\n  onCancel,\n  saveDisabled = true,\n  status = 'none',\n  statusMessage,\n  className = '',\n}: AdminPanelFooterProps) {\n  let statusUi: ReactNode = null;\n\n  if (status === 'warning') {\n    const copy = statusMessage ?? DEFAULT_WARNING;\n    statusUi = (\n      <>\n        <span className={styles['admin-panel-footer__status-icon']} aria-hidden>\n          <AlertOutlineIcon size={12} />\n        </span>\n        <span>{copy}</span>\n      </>\n    );\n  }\n\n  if (status === 'error') {\n    const copy = statusMessage ?? DEFAULT_ERROR;\n    statusUi = (\n      <>\n        <span className={styles['admin-panel-footer__status-icon']} aria-hidden>\n          <AlertCircleOutlineIcon size={12} />\n        </span>\n        <span>{copy}</span>\n      </>\n    );\n  }\n\n  const statusMod =\n    status === 'warning'\n      ? styles['admin-panel-footer--status-warning']\n      : status === 'error'\n        ? styles['admin-panel-footer--status-error']\n        : '';\n\n  return (\n    <footer\n      className={[styles['admin-panel-footer'], statusMod, className]\n        .filter(Boolean)\n        .join(' ')\n        .trim()}\n      role=\"contentinfo\"\n    >\n      <div className={styles['admin-panel-footer__inner']}>\n        <div className={styles['admin-panel-footer__actions']}>\n          <Button\n            type=\"button\"\n            size=\"medium\"\n            emphasis=\"primary\"\n            disabled={saveDisabled}\n            onClick={onSave}\n          >\n            {saveLabel}\n          </Button>\n          <Button\n            type=\"button\"\n            size=\"medium\"\n            emphasis=\"tertiary\"\n            onClick={onCancel}\n          >\n            {cancelLabel}\n          </Button>\n        </div>\n        {statusUi != null ? (\n          <div\n            className={styles['admin-panel-footer__status']}\n            role=\"alert\"\n          >\n            {statusUi}\n          </div>\n        ) : null}\n      </div>\n    </footer>\n  );\n}\n"],"names":["DEFAULT_WARNING","DEFAULT_ERROR","AdminPanelFooter","saveLabel","cancelLabel","onSave","onCancel","saveDisabled","status","statusMessage","className","statusUi","copy","jsxs","Fragment","jsx","styles","AlertOutlineIcon","AlertCircleOutlineIcon","statusMod","Button"],"mappings":"0WAuBMA,EAAkB,kDAClBC,EAAgB,sCAOtB,SAAwBC,EAAiB,CACvC,UAAAC,EAAY,OACZ,YAAAC,EAAc,SACd,OAAAC,EACA,SAAAC,EACA,aAAAC,EAAe,GACf,OAAAC,EAAS,OACT,cAAAC,EACA,UAAAC,EAAY,EACd,EAA0B,CACxB,IAAIC,EAAsB,KAE1B,GAAIH,IAAW,UAAW,CACxB,MAAMI,EAAOH,GAAiBT,EAC9BW,EACEE,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,iCAAiC,EAAG,cAAW,GACrE,SAAAD,EAAAA,IAACE,EAAA,CAAiB,KAAM,EAAA,CAAI,EAC9B,EACAF,EAAAA,IAAC,QAAM,SAAAH,CAAA,CAAK,CAAA,EACd,CAEJ,CAEA,GAAIJ,IAAW,QAAS,CACtB,MAAMI,EAAOH,GAAiBR,EAC9BU,EACEE,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,iCAAiC,EAAG,cAAW,GACrE,SAAAD,EAAAA,IAACG,EAAA,CAAuB,KAAM,EAAA,CAAI,EACpC,EACAH,EAAAA,IAAC,QAAM,SAAAH,CAAA,CAAK,CAAA,EACd,CAEJ,CAEA,MAAMO,EACJX,IAAW,UACPQ,UAAO,oCAAoC,EAC3CR,IAAW,QACTQ,UAAO,kCAAkC,EACzC,GAER,OACED,EAAAA,IAAC,SAAA,CACC,UAAW,CAACC,EAAAA,QAAO,oBAAoB,EAAGG,EAAWT,CAAS,EAC3D,OAAO,OAAO,EACd,KAAK,GAAG,EACR,KAAA,EACH,KAAK,cAEL,SAAAG,EAAAA,KAAC,MAAA,CAAI,UAAWG,UAAO,2BAA2B,EAChD,SAAA,CAAAH,EAAAA,KAAC,MAAA,CAAI,UAAWG,EAAAA,QAAO,6BAA6B,EAClD,SAAA,CAAAD,EAAAA,IAACK,EAAAA,QAAA,CACC,KAAK,SACL,KAAK,SACL,SAAS,UACT,SAAUb,EACV,QAASF,EAER,SAAAF,CAAA,CAAA,EAEHY,EAAAA,IAACK,EAAAA,QAAA,CACC,KAAK,SACL,KAAK,SACL,SAAS,WACT,QAASd,EAER,SAAAF,CAAA,CAAA,CACH,EACF,EACCO,GAAY,KACXI,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,QAAO,4BAA4B,EAC9C,KAAK,QAEJ,SAAAL,CAAA,CAAA,EAED,IAAA,CAAA,CACN,CAAA,CAAA,CAGN"}

package/dist/components/admin-panel-footer/AdminPanelFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminPanelFooter.d.ts","sourceRoot":"","sources":["../../../src/components/admin-panel-footer/AdminPanelFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAElE,MAAM,WAAW,qBAAqB;IACpC,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,sDAAsD;IACtD,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC,sDAAsD;IACtD,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAKD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,SAAkB,EAClB,WAAsB,EACtB,MAAM,EACN,QAAQ,EACR,YAAmB,EACnB,MAAe,EACf,aAAa,EACb,SAAc,GACf,EAAE,qBAAqB,2CAyEvB"}

package/dist/components/admin-panel-footer/AdminPanelFooter.js

@@ -0,0 +1,77 @@
+import { jsx as e, jsxs as o, Fragment as l } from "react/jsx-runtime";
+import ___ from "@mattermost/compass-icons/components/alert-circle-outline.js";const _=___&&___.default?___.default:___;
+import __N from "@mattermost/compass-icons/components/alert-outline.js";const N=__N&&__N.default?__N.default:__N;
+import s from "../button/Button.js";
+import n from "./AdminPanelFooter.module.scss.js";
+const y = "There are outstanding issues in the form above.", v = "There are errors in the form above.";
+function F({
+  saveLabel: c = "Save",
+  cancelLabel: m = "Cancel",
+  onSave: d,
+  onCancel: p,
+  saveDisabled: f = !0,
+  status: r = "none",
+  statusMessage: t,
+  className: u = ""
+}) {
+  let i = null;
+  if (r === "warning") {
+    const a = t ?? y;
+    i = /* @__PURE__ */ o(l, { children: [
+      /* @__PURE__ */ e("span", { className: n["admin-panel-footer__status-icon"], "aria-hidden": !0, children: /* @__PURE__ */ e(N, { size: 12 }) }),
+      /* @__PURE__ */ e("span", { children: a })
+    ] });
+  }
+  if (r === "error") {
+    const a = t ?? v;
+    i = /* @__PURE__ */ o(l, { children: [
+      /* @__PURE__ */ e("span", { className: n["admin-panel-footer__status-icon"], "aria-hidden": !0, children: /* @__PURE__ */ e(_, { size: 12 }) }),
+      /* @__PURE__ */ e("span", { children: a })
+    ] });
+  }
+  const h = r === "warning" ? n["admin-panel-footer--status-warning"] : r === "error" ? n["admin-panel-footer--status-error"] : "";
+  return /* @__PURE__ */ e(
+    "footer",
+    {
+      className: [n["admin-panel-footer"], h, u].filter(Boolean).join(" ").trim(),
+      role: "contentinfo",
+      children: /* @__PURE__ */ o("div", { className: n["admin-panel-footer__inner"], children: [
+        /* @__PURE__ */ o("div", { className: n["admin-panel-footer__actions"], children: [
+          /* @__PURE__ */ e(
+            s,
+            {
+              type: "button",
+              size: "medium",
+              emphasis: "primary",
+              disabled: f,
+              onClick: d,
+              children: c
+            }
+          ),
+          /* @__PURE__ */ e(
+            s,
+            {
+              type: "button",
+              size: "medium",
+              emphasis: "tertiary",
+              onClick: p,
+              children: m
+            }
+          )
+        ] }),
+        i != null ? /* @__PURE__ */ e(
+          "div",
+          {
+            className: n["admin-panel-footer__status"],
+            role: "alert",
+            children: i
+          }
+        ) : null
+      ] })
+    }
+  );
+}
+export {
+  F as default
+};
+//# sourceMappingURL=AdminPanelFooter.js.map

package/dist/components/admin-panel-footer/AdminPanelFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminPanelFooter.js","sources":["../../../src/components/admin-panel-footer/AdminPanelFooter.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport AlertCircleOutlineIcon from '@mattermost/compass-icons/components/alert-circle-outline';\nimport AlertOutlineIcon from '@mattermost/compass-icons/components/alert-outline';\nimport Button from '@/components/button/Button';\nimport styles from './AdminPanelFooter.module.scss';\n\nexport type AdminPanelFooterStatus = 'none' | 'warning' | 'error';\n\nexport interface AdminPanelFooterProps {\n  /** Primary footer action label. */\n  saveLabel?: string;\n  cancelLabel?: string;\n  onSave?: () => void;\n  onCancel?: () => void;\n  /** When true, Save uses disabled styling until the sheet is actionable. */\n  saveDisabled?: boolean;\n  /** Optional validation summary beside the buttons. */\n  status?: AdminPanelFooterStatus;\n  /** Override default copy when `warning` | `error`. */\n  statusMessage?: ReactNode;\n  className?: string;\n}\n\nconst DEFAULT_WARNING = 'There are outstanding issues in the form above.';\nconst DEFAULT_ERROR = 'There are errors in the form above.';\n\n/**\n * Admin Panel Footer pins Save and Cancel to the bottom of System Console form layouts. It\n * mirrors channel composer discipline: one primary commit path, a safe escape hatch, and\n * optional validation status without stealing focus from the draft.\n */\nexport default function AdminPanelFooter({\n  saveLabel = 'Save',\n  cancelLabel = 'Cancel',\n  onSave,\n  onCancel,\n  saveDisabled = true,\n  status = 'none',\n  statusMessage,\n  className = '',\n}: AdminPanelFooterProps) {\n  let statusUi: ReactNode = null;\n\n  if (status === 'warning') {\n    const copy = statusMessage ?? DEFAULT_WARNING;\n    statusUi = (\n      <>\n        <span className={styles['admin-panel-footer__status-icon']} aria-hidden>\n          <AlertOutlineIcon size={12} />\n        </span>\n        <span>{copy}</span>\n      </>\n    );\n  }\n\n  if (status === 'error') {\n    const copy = statusMessage ?? DEFAULT_ERROR;\n    statusUi = (\n      <>\n        <span className={styles['admin-panel-footer__status-icon']} aria-hidden>\n          <AlertCircleOutlineIcon size={12} />\n        </span>\n        <span>{copy}</span>\n      </>\n    );\n  }\n\n  const statusMod =\n    status === 'warning'\n      ? styles['admin-panel-footer--status-warning']\n      : status === 'error'\n        ? styles['admin-panel-footer--status-error']\n        : '';\n\n  return (\n    <footer\n      className={[styles['admin-panel-footer'], statusMod, className]\n        .filter(Boolean)\n        .join(' ')\n        .trim()}\n      role=\"contentinfo\"\n    >\n      <div className={styles['admin-panel-footer__inner']}>\n        <div className={styles['admin-panel-footer__actions']}>\n          <Button\n            type=\"button\"\n            size=\"medium\"\n            emphasis=\"primary\"\n            disabled={saveDisabled}\n            onClick={onSave}\n          >\n            {saveLabel}\n          </Button>\n          <Button\n            type=\"button\"\n            size=\"medium\"\n            emphasis=\"tertiary\"\n            onClick={onCancel}\n          >\n            {cancelLabel}\n          </Button>\n        </div>\n        {statusUi != null ? (\n          <div\n            className={styles['admin-panel-footer__status']}\n            role=\"alert\"\n          >\n            {statusUi}\n          </div>\n        ) : null}\n      </div>\n    </footer>\n  );\n}\n"],"names":["DEFAULT_WARNING","DEFAULT_ERROR","AdminPanelFooter","saveLabel","cancelLabel","onSave","onCancel","saveDisabled","status","statusMessage","className","statusUi","copy","jsxs","Fragment","jsx","styles","AlertOutlineIcon","AlertCircleOutlineIcon","statusMod","Button"],"mappings":";;;;;AAuBA,MAAMA,IAAkB,mDAClBC,IAAgB;AAOtB,SAAwBC,EAAiB;AAAA,EACvC,WAAAC,IAAY;AAAA,EACZ,aAAAC,IAAc;AAAA,EACd,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,QAAAC,IAAS;AAAA,EACT,eAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAA0B;AACxB,MAAIC,IAAsB;AAE1B,MAAIH,MAAW,WAAW;AACxB,UAAMI,IAAOH,KAAiBT;AAC9B,IAAAW,IACE,gBAAAE,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWC,EAAO,iCAAiC,GAAG,eAAW,IACrE,UAAA,gBAAAD,EAACE,GAAA,EAAiB,MAAM,GAAA,CAAI,GAC9B;AAAA,MACA,gBAAAF,EAAC,UAAM,UAAAH,EAAA,CAAK;AAAA,IAAA,GACd;AAAA,EAEJ;AAEA,MAAIJ,MAAW,SAAS;AACtB,UAAMI,IAAOH,KAAiBR;AAC9B,IAAAU,IACE,gBAAAE,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWC,EAAO,iCAAiC,GAAG,eAAW,IACrE,UAAA,gBAAAD,EAACG,GAAA,EAAuB,MAAM,GAAA,CAAI,GACpC;AAAA,MACA,gBAAAH,EAAC,UAAM,UAAAH,EAAA,CAAK;AAAA,IAAA,GACd;AAAA,EAEJ;AAEA,QAAMO,IACJX,MAAW,YACPQ,EAAO,oCAAoC,IAC3CR,MAAW,UACTQ,EAAO,kCAAkC,IACzC;AAER,SACE,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAACC,EAAO,oBAAoB,GAAGG,GAAWT,CAAS,EAC3D,OAAO,OAAO,EACd,KAAK,GAAG,EACR,KAAA;AAAA,MACH,MAAK;AAAA,MAEL,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWG,EAAO,2BAA2B,GAChD,UAAA;AAAA,QAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWG,EAAO,6BAA6B,GAClD,UAAA;AAAA,UAAA,gBAAAD;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,MAAK;AAAA,cACL,UAAS;AAAA,cACT,UAAUb;AAAA,cACV,SAASF;AAAA,cAER,UAAAF;AAAA,YAAA;AAAA,UAAA;AAAA,UAEH,gBAAAY;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,MAAK;AAAA,cACL,UAAS;AAAA,cACT,SAASd;AAAA,cAER,UAAAF;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,GACF;AAAA,QACCO,KAAY,OACX,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC,EAAO,4BAA4B;AAAA,YAC9C,MAAK;AAAA,YAEJ,UAAAL;AAAA,UAAA;AAAA,QAAA,IAED;AAAA,MAAA,EAAA,CACN;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/admin-panel-footer/AdminPanelFooter.module.css

@@ -0,0 +1 @@
+._admin-panel-footer_1cvux_2{display:flex;flex-direction:column;width:100%;background:var(--center-channel-bg);border-top:1px solid rgba(var(--center-channel-color-rgb),.12)}._admin-panel-footer__inner_1cvux_9{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xl);padding:14px var(--spacing-xl);width:100%;box-sizing:border-box}._admin-panel-footer__actions_1cvux_18{display:flex;flex-wrap:wrap;gap:var(--spacing-m);align-items:center}._admin-panel-footer__status_1cvux_24{display:inline-flex;align-items:center;gap:var(--spacing-xs);flex:1 1 auto;min-width:min(280px,100%);font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-75)}._admin-panel-footer__status-icon_1cvux_35{display:inline-flex;flex-shrink:0;line-height:0}._admin-panel-footer__status-icon_1cvux_35 svg{display:block}._admin-panel-footer--status-warning_1cvux_43 ._admin-panel-footer__status_1cvux_24,._admin-panel-footer--status-warning_1cvux_43 ._admin-panel-footer__status-icon_1cvux_35{color:var(--color-warning)}._admin-panel-footer--status-error_1cvux_46 ._admin-panel-footer__status_1cvux_24,._admin-panel-footer--status-error_1cvux_46 ._admin-panel-footer__status-icon_1cvux_35{color:var(--error-text, var(--color-danger))}

package/dist/components/admin-panel-footer/AdminPanelFooter.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./AdminPanelFooter.module.css');const e={"admin-panel-footer":"_admin-panel-footer_1cvux_2","admin-panel-footer__inner":"_admin-panel-footer__inner_1cvux_9","admin-panel-footer__actions":"_admin-panel-footer__actions_1cvux_18","admin-panel-footer__status":"_admin-panel-footer__status_1cvux_24","admin-panel-footer__status-icon":"_admin-panel-footer__status-icon_1cvux_35","admin-panel-footer--status-warning":"_admin-panel-footer--status-warning_1cvux_43","admin-panel-footer--status-error":"_admin-panel-footer--status-error_1cvux_46"};exports.default=e;
+//# sourceMappingURL=AdminPanelFooter.module.scss.cjs.map

package/dist/components/admin-panel-footer/AdminPanelFooter.module.scss.cjs.map

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

package/dist/components/admin-panel-footer/AdminPanelFooter.module.scss.js

@@ -0,0 +1,13 @@
+import './AdminPanelFooter.module.css';const a = {
+  "admin-panel-footer": "_admin-panel-footer_1cvux_2",
+  "admin-panel-footer__inner": "_admin-panel-footer__inner_1cvux_9",
+  "admin-panel-footer__actions": "_admin-panel-footer__actions_1cvux_18",
+  "admin-panel-footer__status": "_admin-panel-footer__status_1cvux_24",
+  "admin-panel-footer__status-icon": "_admin-panel-footer__status-icon_1cvux_35",
+  "admin-panel-footer--status-warning": "_admin-panel-footer--status-warning_1cvux_43",
+  "admin-panel-footer--status-error": "_admin-panel-footer--status-error_1cvux_46"
+};
+export {
+  a as default
+};
+//# sourceMappingURL=AdminPanelFooter.module.scss.js.map

package/dist/components/admin-panel-footer/AdminPanelFooter.module.scss.js.map

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

package/dist/components/admin-panel-footer/index.cjs

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

package/dist/components/admin-panel-footer/index.cjs.map

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

package/dist/components/admin-panel-footer/index.d.ts.map

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

package/dist/components/admin-panel-footer/index.js

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

package/dist/components/admin-panel-footer/index.js.map

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

package/dist/components/admin-panel-header/AdminPanelHeader.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__O=require("@mattermost/compass-icons/components/chevron-down.js"),O=__O?.default??__O,__P=require("@mattermost/compass-icons/components/chevron-up.js"),P=__P?.default??__P,__A=require("@mattermost/compass-icons/components/cog-outline.js"),A=__A?.default??__A,__H=require("@mattermost/compass-icons/components/mattermost.js"),H=__H?.default??__H,T=require("../button/Button.cjs"),n=require("../icon/Icon.cjs"),D=require("../icon-button/IconButton.cjs"),o=require("../tag/Tag.cjs"),L=require("../switch/Switch.cjs"),l=require("./AdminPanelHeader.module.scss.cjs");function R({titleId:m,title:f,subtitle:d,headerActions:t,iconLeft:h=!1,leadingIcon:j,showBeta:p=!1,betaLabel:x="Beta",showEnterpriseLabel:_=!1,enterpriseLabel:q="Enterprise",showButton:i=!1,buttonLabel:v="Button",onButtonClick:y,showSwitch:r=!1,switchLabel:N="Off",switchChecked:g,defaultSwitchChecked:z,onSwitchChange:a,switchDisabled:b,expandable:u=!1,isExpanded:s=!1,onToggleExpand:I,showDivider:k=!0,className:B=""}){const C=r||i||t!=null||u,M=e.jsx(n.default,{size:"20",glyph:e.jsx(A,{})});return e.jsx("header",{className:[l.default["admin-panel-header"],k?l.default["admin-panel-header--divided"]:"",B].filter(Boolean).join(" ").trim(),children:e.jsxs("div",{className:l.default["admin-panel-header__main"],children:[e.jsxs("div",{className:l.default["admin-panel-header__start"],children:[h?e.jsx("div",{className:l.default["admin-panel-header__leading"],"aria-hidden":!0,children:j??M}):null,e.jsxs("div",{className:l.default["admin-panel-header__title-stack"],children:[e.jsxs("div",{className:l.default["admin-panel-header__title-row"],children:[e.jsx("h2",{id:m,className:l.default["admin-panel-header__title"],children:f}),_?e.jsx(o.default,{label:q,size:"x-small",type:"default",leadingIcon:e.jsx(n.default,{size:"10",glyph:e.jsx(H,{})})}):null,p?e.jsx(o.default,{label:x,size:"x-small",type:"default"}):null]}),d!=null?e.jsx("p",{className:l.default["admin-panel-header__subtitle"],children:d}):null]})]}),C?e.jsxs("div",{className:l.default["admin-panel-header__actions"],children:[r?e.jsx(L.default,{size:"medium",checked:g,defaultChecked:z,disabled:b,onChange:c=>{a==null||a(c.target.checked,c)},children:N}):null,i?e.jsx(T.default,{type:"button",size:"medium",emphasis:"primary",onClick:y,children:v}):null,t,u?e.jsx(D.default,{type:"button",style:"default",size:"medium","aria-label":s?"Collapse section":"Expand section","aria-expanded":s,onClick:I,icon:e.jsx(n.default,{size:"20",glyph:s?e.jsx(P,{}):e.jsx(O,{})})}):null]}):null]})})}exports.default=R;
+//# sourceMappingURL=AdminPanelHeader.cjs.map

package/dist/components/admin-panel-header/AdminPanelHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminPanelHeader.cjs","sources":["../../../src/components/admin-panel-header/AdminPanelHeader.tsx"],"sourcesContent":["import { type ChangeEvent, type ReactNode } from 'react';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport ChevronUpIcon from '@mattermost/compass-icons/components/chevron-up';\nimport CogOutlineIcon from '@mattermost/compass-icons/components/cog-outline';\nimport MattermostIcon from '@mattermost/compass-icons/components/mattermost';\nimport Button from '@/components/button/Button';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Tag from '@/components/tag/Tag';\nimport Switch from '@/components/switch/Switch';\nimport styles from './AdminPanelHeader.module.scss';\n\n/** System Console admin panel expand/collapse (`expandedState` in Figma). */\nexport type AdminPanelExpandedState = 'collapsed' | 'expanded';\n\nexport interface AdminPanelHeaderProps {\n  /** Passed to the title `h2` for `aria-labelledby` on the parent panel. */\n  titleId: string;\n  title: ReactNode;\n  subtitle?: ReactNode;\n  /** Trailing accessory actions rendered after Switch / Primary button and before expand. */\n  headerActions?: ReactNode;\n  iconLeft?: boolean;\n  leadingIcon?: ReactNode;\n  showBeta?: boolean;\n  betaLabel?: string;\n  showEnterpriseLabel?: boolean;\n  enterpriseLabel?: string;\n  showButton?: boolean;\n  buttonLabel?: string;\n  onButtonClick?: () => void;\n  showSwitch?: boolean;\n  switchLabel?: ReactNode;\n  switchChecked?: boolean;\n  defaultSwitchChecked?: boolean;\n  onSwitchChange?: (checked: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n  switchDisabled?: boolean;\n  expandable?: boolean;\n  isExpanded?: boolean;\n  onToggleExpand?: () => void;\n  /** Bottom border under the header row (hidden when expandable and collapsed). */\n  showDivider?: boolean;\n  className?: string;\n}\n\n/**\n * Admin Panel Header is the titled rail for a System Console settings section: optional\n * leading icon, title with optional tags, subtitle, and trailing controls. It is composed\n * inside the [`Admin Panel`](/patterns/admin-panel) pattern; it can also be documented on\n * its own when adjusting header anatomy or behaviour.\n */\nexport default function AdminPanelHeader({\n  titleId,\n  title,\n  subtitle,\n  headerActions,\n  iconLeft = false,\n  leadingIcon,\n  showBeta = false,\n  betaLabel = 'Beta',\n  showEnterpriseLabel = false,\n  enterpriseLabel = 'Enterprise',\n  showButton = false,\n  buttonLabel = 'Button',\n  onButtonClick,\n  showSwitch = false,\n  switchLabel = 'Off',\n  switchChecked,\n  defaultSwitchChecked,\n  onSwitchChange,\n  switchDisabled,\n  expandable = false,\n  isExpanded = false,\n  onToggleExpand,\n  showDivider = true,\n  className = '',\n}: AdminPanelHeaderProps) {\n  const hasActions =\n    showSwitch || showButton || headerActions != null || expandable;\n\n  const defaultLeading = <Icon size=\"20\" glyph={<CogOutlineIcon />} />;\n\n  return (\n    <header\n      className={[\n        styles['admin-panel-header'],\n        showDivider ? styles['admin-panel-header--divided'] : '',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')\n        .trim()}\n    >\n      <div className={styles['admin-panel-header__main']}>\n        <div className={styles['admin-panel-header__start']}>\n          {iconLeft ? (\n            <div\n              className={styles['admin-panel-header__leading']}\n              aria-hidden\n            >\n              {leadingIcon ?? defaultLeading}\n            </div>\n          ) : null}\n          <div className={styles['admin-panel-header__title-stack']}>\n            <div className={styles['admin-panel-header__title-row']}>\n              <h2\n                id={titleId}\n                className={styles['admin-panel-header__title']}\n              >\n                {title}\n              </h2>\n              {showEnterpriseLabel ? (\n                <Tag\n                  label={enterpriseLabel}\n                  size=\"x-small\"\n                  type=\"default\"\n                  leadingIcon={<Icon size=\"10\" glyph={<MattermostIcon />} />}\n                />\n              ) : null}\n              {showBeta ? (\n                <Tag label={betaLabel} size=\"x-small\" type=\"default\" />\n              ) : null}\n            </div>\n            {subtitle != null ? (\n              <p className={styles['admin-panel-header__subtitle']}>\n                {subtitle}\n              </p>\n            ) : null}\n          </div>\n        </div>\n        {hasActions ? (\n          <div className={styles['admin-panel-header__actions']}>\n            {showSwitch ? (\n              <Switch\n                size=\"medium\"\n                checked={switchChecked}\n                defaultChecked={defaultSwitchChecked}\n                disabled={switchDisabled}\n                onChange={(e) => {\n                  onSwitchChange?.(e.target.checked, e);\n                }}\n              >\n                {switchLabel}\n              </Switch>\n            ) : null}\n            {showButton ? (\n              <Button\n                type=\"button\"\n                size=\"medium\"\n                emphasis=\"primary\"\n                onClick={onButtonClick}\n              >\n                {buttonLabel}\n              </Button>\n            ) : null}\n            {headerActions}\n            {expandable ? (\n              <IconButton\n                type=\"button\"\n                style=\"default\"\n                size=\"medium\"\n                aria-label={isExpanded ? 'Collapse section' : 'Expand section'}\n                aria-expanded={isExpanded}\n                onClick={onToggleExpand}\n                icon={\n                  <Icon\n                    size=\"20\"\n                    glyph={isExpanded ? <ChevronUpIcon /> : <ChevronDownIcon />}\n                  />\n                }\n              />\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    </header>\n  );\n}\n"],"names":["AdminPanelHeader","titleId","title","subtitle","headerActions","iconLeft","leadingIcon","showBeta","betaLabel","showEnterpriseLabel","enterpriseLabel","showButton","buttonLabel","onButtonClick","showSwitch","switchLabel","switchChecked","defaultSwitchChecked","onSwitchChange","switchDisabled","expandable","isExpanded","onToggleExpand","showDivider","className","hasActions","defaultLeading","Icon","jsx","CogOutlineIcon","styles","jsxs","Tag","MattermostIcon","Switch","e","Button","IconButton","ChevronUpIcon","ChevronDownIcon"],"mappings":"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"}

package/dist/components/admin-panel-header/AdminPanelHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminPanelHeader.d.ts","sourceRoot":"","sources":["../../../src/components/admin-panel-header/AdminPanelHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAYzD,6EAA6E;AAC7E,MAAM,MAAM,uBAAuB,GAAG,WAAW,GAAG,UAAU,CAAC;AAE/D,MAAM,WAAW,qBAAqB;IACpC,0EAA0E;IAC1E,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2FAA2F;IAC3F,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAClF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,iFAAiF;IACjF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,OAAO,EACP,KAAK,EACL,QAAQ,EACR,aAAa,EACb,QAAgB,EAChB,WAAW,EACX,QAAgB,EAChB,SAAkB,EAClB,mBAA2B,EAC3B,eAA8B,EAC9B,UAAkB,EAClB,WAAsB,EACtB,aAAa,EACb,UAAkB,EAClB,WAAmB,EACnB,aAAa,EACb,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,UAAkB,EAClB,UAAkB,EAClB,cAAc,EACd,WAAkB,EAClB,SAAc,GACf,EAAE,qBAAqB,2CAqGvB"}

package/dist/components/admin-panel-header/AdminPanelHeader.js

@@ -0,0 +1,132 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import __H from "@mattermost/compass-icons/components/chevron-down.js";const H=__H&&__H.default?__H.default:__H;
+import __L from "@mattermost/compass-icons/components/chevron-up.js";const L=__L&&__L.default?__L.default:__L;
+import __M from "@mattermost/compass-icons/components/cog-outline.js";const M=__M&&__M.default?__M.default:__M;
+import __P from "@mattermost/compass-icons/components/mattermost.js";const P=__P&&__P.default?__P.default:__P;
+import T from "../button/Button.js";
+import r from "../icon/Icon.js";
+import U from "../icon-button/IconButton.js";
+import p from "../tag/Tag.js";
+import q from "../switch/Switch.js";
+import l from "./AdminPanelHeader.module.scss.js";
+function Z({
+  titleId: f,
+  title: u,
+  subtitle: d,
+  headerActions: t,
+  iconLeft: h = !1,
+  leadingIcon: _,
+  showBeta: y = !1,
+  betaLabel: v = "Beta",
+  showEnterpriseLabel: N = !1,
+  enterpriseLabel: z = "Enterprise",
+  showButton: m = !1,
+  buttonLabel: I = "Button",
+  onButtonClick: g,
+  showSwitch: s = !1,
+  switchLabel: k = "Off",
+  switchChecked: b,
+  defaultSwitchChecked: x,
+  onSwitchChange: i,
+  switchDisabled: B,
+  expandable: o = !1,
+  isExpanded: n = !1,
+  onToggleExpand: C,
+  showDivider: j = !0,
+  className: O = ""
+}) {
+  const A = s || m || t != null || o, D = /* @__PURE__ */ e(r, { size: "20", glyph: /* @__PURE__ */ e(M, {}) });
+  return /* @__PURE__ */ e(
+    "header",
+    {
+      className: [
+        l["admin-panel-header"],
+        j ? l["admin-panel-header--divided"] : "",
+        O
+      ].filter(Boolean).join(" ").trim(),
+      children: /* @__PURE__ */ a("div", { className: l["admin-panel-header__main"], children: [
+        /* @__PURE__ */ a("div", { className: l["admin-panel-header__start"], children: [
+          h ? /* @__PURE__ */ e(
+            "div",
+            {
+              className: l["admin-panel-header__leading"],
+              "aria-hidden": !0,
+              children: _ ?? D
+            }
+          ) : null,
+          /* @__PURE__ */ a("div", { className: l["admin-panel-header__title-stack"], children: [
+            /* @__PURE__ */ a("div", { className: l["admin-panel-header__title-row"], children: [
+              /* @__PURE__ */ e(
+                "h2",
+                {
+                  id: f,
+                  className: l["admin-panel-header__title"],
+                  children: u
+                }
+              ),
+              N ? /* @__PURE__ */ e(
+                p,
+                {
+                  label: z,
+                  size: "x-small",
+                  type: "default",
+                  leadingIcon: /* @__PURE__ */ e(r, { size: "10", glyph: /* @__PURE__ */ e(P, {}) })
+                }
+              ) : null,
+              y ? /* @__PURE__ */ e(p, { label: v, size: "x-small", type: "default" }) : null
+            ] }),
+            d != null ? /* @__PURE__ */ e("p", { className: l["admin-panel-header__subtitle"], children: d }) : null
+          ] })
+        ] }),
+        A ? /* @__PURE__ */ a("div", { className: l["admin-panel-header__actions"], children: [
+          s ? /* @__PURE__ */ e(
+            q,
+            {
+              size: "medium",
+              checked: b,
+              defaultChecked: x,
+              disabled: B,
+              onChange: (c) => {
+                i == null || i(c.target.checked, c);
+              },
+              children: k
+            }
+          ) : null,
+          m ? /* @__PURE__ */ e(
+            T,
+            {
+              type: "button",
+              size: "medium",
+              emphasis: "primary",
+              onClick: g,
+              children: I
+            }
+          ) : null,
+          t,
+          o ? /* @__PURE__ */ e(
+            U,
+            {
+              type: "button",
+              style: "default",
+              size: "medium",
+              "aria-label": n ? "Collapse section" : "Expand section",
+              "aria-expanded": n,
+              onClick: C,
+              icon: /* @__PURE__ */ e(
+                r,
+                {
+                  size: "20",
+                  glyph: n ? /* @__PURE__ */ e(L, {}) : /* @__PURE__ */ e(H, {})
+                }
+              )
+            }
+          ) : null
+        ] }) : null
+      ] })
+    }
+  );
+}
+export {
+  Z as default
+};
+//# sourceMappingURL=AdminPanelHeader.js.map

package/dist/components/admin-panel-header/AdminPanelHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminPanelHeader.js","sources":["../../../src/components/admin-panel-header/AdminPanelHeader.tsx"],"sourcesContent":["import { type ChangeEvent, type ReactNode } from 'react';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport ChevronUpIcon from '@mattermost/compass-icons/components/chevron-up';\nimport CogOutlineIcon from '@mattermost/compass-icons/components/cog-outline';\nimport MattermostIcon from '@mattermost/compass-icons/components/mattermost';\nimport Button from '@/components/button/Button';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Tag from '@/components/tag/Tag';\nimport Switch from '@/components/switch/Switch';\nimport styles from './AdminPanelHeader.module.scss';\n\n/** System Console admin panel expand/collapse (`expandedState` in Figma). */\nexport type AdminPanelExpandedState = 'collapsed' | 'expanded';\n\nexport interface AdminPanelHeaderProps {\n  /** Passed to the title `h2` for `aria-labelledby` on the parent panel. */\n  titleId: string;\n  title: ReactNode;\n  subtitle?: ReactNode;\n  /** Trailing accessory actions rendered after Switch / Primary button and before expand. */\n  headerActions?: ReactNode;\n  iconLeft?: boolean;\n  leadingIcon?: ReactNode;\n  showBeta?: boolean;\n  betaLabel?: string;\n  showEnterpriseLabel?: boolean;\n  enterpriseLabel?: string;\n  showButton?: boolean;\n  buttonLabel?: string;\n  onButtonClick?: () => void;\n  showSwitch?: boolean;\n  switchLabel?: ReactNode;\n  switchChecked?: boolean;\n  defaultSwitchChecked?: boolean;\n  onSwitchChange?: (checked: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n  switchDisabled?: boolean;\n  expandable?: boolean;\n  isExpanded?: boolean;\n  onToggleExpand?: () => void;\n  /** Bottom border under the header row (hidden when expandable and collapsed). */\n  showDivider?: boolean;\n  className?: string;\n}\n\n/**\n * Admin Panel Header is the titled rail for a System Console settings section: optional\n * leading icon, title with optional tags, subtitle, and trailing controls. It is composed\n * inside the [`Admin Panel`](/patterns/admin-panel) pattern; it can also be documented on\n * its own when adjusting header anatomy or behaviour.\n */\nexport default function AdminPanelHeader({\n  titleId,\n  title,\n  subtitle,\n  headerActions,\n  iconLeft = false,\n  leadingIcon,\n  showBeta = false,\n  betaLabel = 'Beta',\n  showEnterpriseLabel = false,\n  enterpriseLabel = 'Enterprise',\n  showButton = false,\n  buttonLabel = 'Button',\n  onButtonClick,\n  showSwitch = false,\n  switchLabel = 'Off',\n  switchChecked,\n  defaultSwitchChecked,\n  onSwitchChange,\n  switchDisabled,\n  expandable = false,\n  isExpanded = false,\n  onToggleExpand,\n  showDivider = true,\n  className = '',\n}: AdminPanelHeaderProps) {\n  const hasActions =\n    showSwitch || showButton || headerActions != null || expandable;\n\n  const defaultLeading = <Icon size=\"20\" glyph={<CogOutlineIcon />} />;\n\n  return (\n    <header\n      className={[\n        styles['admin-panel-header'],\n        showDivider ? styles['admin-panel-header--divided'] : '',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')\n        .trim()}\n    >\n      <div className={styles['admin-panel-header__main']}>\n        <div className={styles['admin-panel-header__start']}>\n          {iconLeft ? (\n            <div\n              className={styles['admin-panel-header__leading']}\n              aria-hidden\n            >\n              {leadingIcon ?? defaultLeading}\n            </div>\n          ) : null}\n          <div className={styles['admin-panel-header__title-stack']}>\n            <div className={styles['admin-panel-header__title-row']}>\n              <h2\n                id={titleId}\n                className={styles['admin-panel-header__title']}\n              >\n                {title}\n              </h2>\n              {showEnterpriseLabel ? (\n                <Tag\n                  label={enterpriseLabel}\n                  size=\"x-small\"\n                  type=\"default\"\n                  leadingIcon={<Icon size=\"10\" glyph={<MattermostIcon />} />}\n                />\n              ) : null}\n              {showBeta ? (\n                <Tag label={betaLabel} size=\"x-small\" type=\"default\" />\n              ) : null}\n            </div>\n            {subtitle != null ? (\n              <p className={styles['admin-panel-header__subtitle']}>\n                {subtitle}\n              </p>\n            ) : null}\n          </div>\n        </div>\n        {hasActions ? (\n          <div className={styles['admin-panel-header__actions']}>\n            {showSwitch ? (\n              <Switch\n                size=\"medium\"\n                checked={switchChecked}\n                defaultChecked={defaultSwitchChecked}\n                disabled={switchDisabled}\n                onChange={(e) => {\n                  onSwitchChange?.(e.target.checked, e);\n                }}\n              >\n                {switchLabel}\n              </Switch>\n            ) : null}\n            {showButton ? (\n              <Button\n                type=\"button\"\n                size=\"medium\"\n                emphasis=\"primary\"\n                onClick={onButtonClick}\n              >\n                {buttonLabel}\n              </Button>\n            ) : null}\n            {headerActions}\n            {expandable ? (\n              <IconButton\n                type=\"button\"\n                style=\"default\"\n                size=\"medium\"\n                aria-label={isExpanded ? 'Collapse section' : 'Expand section'}\n                aria-expanded={isExpanded}\n                onClick={onToggleExpand}\n                icon={\n                  <Icon\n                    size=\"20\"\n                    glyph={isExpanded ? <ChevronUpIcon /> : <ChevronDownIcon />}\n                  />\n                }\n              />\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    </header>\n  );\n}\n"],"names":["AdminPanelHeader","titleId","title","subtitle","headerActions","iconLeft","leadingIcon","showBeta","betaLabel","showEnterpriseLabel","enterpriseLabel","showButton","buttonLabel","onButtonClick","showSwitch","switchLabel","switchChecked","defaultSwitchChecked","onSwitchChange","switchDisabled","expandable","isExpanded","onToggleExpand","showDivider","className","hasActions","defaultLeading","Icon","jsx","CogOutlineIcon","styles","jsxs","Tag","MattermostIcon","Switch","e","Button","IconButton","ChevronUpIcon","ChevronDownIcon"],"mappings":"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"}

package/dist/components/admin-panel-header/AdminPanelHeader.module.css

@@ -0,0 +1 @@
+._admin-panel-header_2n9e4_2{flex-shrink:0;border-bottom:1px solid transparent;transition:border-color var(--duration-moderate) var(--ease-transition)}._admin-panel-header--divided_2n9e4_7{border-bottom-color:rgba(var(--center-channel-color-rgb),.12)}._admin-panel-header__main_2n9e4_10{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-m);width:100%;padding:var(--spacing-xxl);box-sizing:border-box}._admin-panel-header__start_2n9e4_19{display:flex;flex:1 1 auto;align-items:center;gap:var(--spacing-m);min-width:0}._admin-panel-header__leading_2n9e4_26{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);background-color:rgba(var(--center-channel-color-rgb),.08);color:rgba(var(--center-channel-color-rgb),.64)}._admin-panel-header__title-stack_2n9e4_37{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--spacing-xxxxs);align-items:flex-start;justify-content:center;min-width:0}._admin-panel-header__title-row_2n9e4_46{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);align-items:center;min-width:0;width:100%}._admin-panel-header__title_2n9e4_37{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-200);font-weight:var(--font-weight-semibold);line-height:var(--line-height-200);color:var(--center-channel-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}._admin-panel-header__subtitle_2n9e4_66{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-100);font-weight:var(--font-weight-regular);line-height:var(--line-height-100);color:rgba(var(--center-channel-color-rgb),.75);max-width:100%}._admin-panel-header__actions_2n9e4_75{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;gap:var(--spacing-m)}

package/dist/components/admin-panel-header/AdminPanelHeader.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./AdminPanelHeader.module.css');const e={"admin-panel-header":"_admin-panel-header_2n9e4_2","admin-panel-header--divided":"_admin-panel-header--divided_2n9e4_7","admin-panel-header__main":"_admin-panel-header__main_2n9e4_10","admin-panel-header__start":"_admin-panel-header__start_2n9e4_19","admin-panel-header__leading":"_admin-panel-header__leading_2n9e4_26","admin-panel-header__title-stack":"_admin-panel-header__title-stack_2n9e4_37","admin-panel-header__title-row":"_admin-panel-header__title-row_2n9e4_46","admin-panel-header__title":"_admin-panel-header__title_2n9e4_37","admin-panel-header__subtitle":"_admin-panel-header__subtitle_2n9e4_66","admin-panel-header__actions":"_admin-panel-header__actions_2n9e4_75"};exports.default=e;
+//# sourceMappingURL=AdminPanelHeader.module.scss.cjs.map

package/dist/components/admin-panel-header/AdminPanelHeader.module.scss.cjs.map

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

package/dist/components/admin-panel-header/AdminPanelHeader.module.scss.js

@@ -0,0 +1,16 @@
+import './AdminPanelHeader.module.css';const e = {
+  "admin-panel-header": "_admin-panel-header_2n9e4_2",
+  "admin-panel-header--divided": "_admin-panel-header--divided_2n9e4_7",
+  "admin-panel-header__main": "_admin-panel-header__main_2n9e4_10",
+  "admin-panel-header__start": "_admin-panel-header__start_2n9e4_19",
+  "admin-panel-header__leading": "_admin-panel-header__leading_2n9e4_26",
+  "admin-panel-header__title-stack": "_admin-panel-header__title-stack_2n9e4_37",
+  "admin-panel-header__title-row": "_admin-panel-header__title-row_2n9e4_46",
+  "admin-panel-header__title": "_admin-panel-header__title_2n9e4_37",
+  "admin-panel-header__subtitle": "_admin-panel-header__subtitle_2n9e4_66",
+  "admin-panel-header__actions": "_admin-panel-header__actions_2n9e4_75"
+};
+export {
+  e as default
+};
+//# sourceMappingURL=AdminPanelHeader.module.scss.js.map

package/dist/components/admin-panel-header/AdminPanelHeader.module.scss.js.map

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

package/dist/components/admin-panel-header/index.cjs

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

package/dist/components/admin-panel-header/index.cjs.map

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

package/dist/components/admin-panel-header/index.d.ts.map

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

package/dist/components/admin-panel-header/index.js

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

package/dist/components/admin-panel-header/index.js.map

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

package/dist/components/app-bar-item/AppBarItem.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),a=require("./AppBarItem.module.scss.cjs");function d({icon:s,label:r,state:u="default",mentionBadge:e,unreadBadge:i=!1,onClick:n,className:p=""}){const t=u==="selected",c=[a.default["app-bar-item"],t?a.default["app-bar-item--selected"]:"",p].filter(Boolean).join(" ");return l.jsxs("button",{type:"button",className:c,"aria-label":r,"aria-pressed":t,onClick:n,children:[l.jsx("span",{className:a.default["app-bar-item__icon"],children:s}),e!=null&&e>0&&l.jsx("span",{className:a.default["app-bar-item__mention-badge"],"aria-label":`${e} mentions`,children:e}),i&&e==null&&l.jsx("span",{className:a.default["app-bar-item__unread-badge"],"aria-label":"Unread"})]})}exports.default=d;
+//# sourceMappingURL=AppBarItem.cjs.map

package/dist/components/app-bar-item/AppBarItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppBarItem.cjs","sources":["../../../src/components/app-bar-item/AppBarItem.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport styles from './AppBarItem.module.scss';\n\nexport type AppBarItemState = 'default' | 'selected';\n\nexport interface AppBarItemProps {\n  /** Icon element (image or SVG) representing the app. */\n  icon: ReactNode;\n  /** Accessible label for the app item. */\n  label: string;\n  /** Interaction state. Default: Default. */\n  state?: AppBarItemState;\n  /** When true, shows a mention count badge. */\n  mentionBadge?: number;\n  /** When true, shows an unread dot badge. */\n  unreadBadge?: boolean;\n  /** Click handler. */\n  onClick?: () => void;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\n/**\n * The App Bar Item is a circular icon that anchors a third-party app or plugin in the\n * right-side App Bar. Each item is a single tap-target with optional selection styling and\n * notification badges.\n */\nexport default function AppBarItem({\n  icon,\n  label,\n  state = 'default',\n  mentionBadge,\n  unreadBadge = false,\n  onClick,\n  className = '',\n}: AppBarItemProps) {\n  const isSelected = state === 'selected';\n\n  const rootClass = [\n    styles['app-bar-item'],\n    isSelected ? styles['app-bar-item--selected'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <button\n      type=\"button\"\n      className={rootClass}\n      aria-label={label}\n      aria-pressed={isSelected}\n      onClick={onClick}\n    >\n      <span className={styles['app-bar-item__icon']}>{icon}</span>\n\n      {mentionBadge != null && mentionBadge > 0 && (\n        <span\n          className={styles['app-bar-item__mention-badge']}\n          aria-label={`${mentionBadge} mentions`}\n        >\n          {mentionBadge}\n        </span>\n      )}\n\n      {unreadBadge && mentionBadge == null && (\n        <span\n          className={styles['app-bar-item__unread-badge']}\n          aria-label=\"Unread\"\n        />\n      )}\n    </button>\n  );\n}\n"],"names":["AppBarItem","icon","label","state","mentionBadge","unreadBadge","onClick","className","isSelected","rootClass","styles","jsxs","jsx"],"mappings":"2LA2BA,SAAwBA,EAAW,CACjC,KAAAC,EACA,MAAAC,EACA,MAAAC,EAAQ,UACR,aAAAC,EACA,YAAAC,EAAc,GACd,QAAAC,EACA,UAAAC,EAAY,EACd,EAAoB,CAClB,MAAMC,EAAaL,IAAU,WAEvBM,EAAY,CAChBC,EAAAA,QAAO,cAAc,EACrBF,EAAaE,EAAAA,QAAO,wBAAwB,EAAI,GAChDH,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEI,EAAAA,KAAC,SAAA,CACC,KAAK,SACL,UAAWF,EACX,aAAYP,EACZ,eAAcM,EACd,QAAAF,EAEA,SAAA,CAAAM,MAAC,OAAA,CAAK,UAAWF,EAAAA,QAAO,oBAAoB,EAAI,SAAAT,EAAK,EAEpDG,GAAgB,MAAQA,EAAe,GACtCQ,EAAAA,IAAC,OAAA,CACC,UAAWF,EAAAA,QAAO,6BAA6B,EAC/C,aAAY,GAAGN,CAAY,YAE1B,SAAAA,CAAA,CAAA,EAIJC,GAAeD,GAAgB,MAC9BQ,EAAAA,IAAC,OAAA,CACC,UAAWF,EAAAA,QAAO,4BAA4B,EAC9C,aAAW,QAAA,CAAA,CACb,CAAA,CAAA,CAIR"}

package/dist/components/app-bar-item/AppBarItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppBarItem.d.ts","sourceRoot":"","sources":["../../../src/components/app-bar-item/AppBarItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,UAAU,CAAC;AAErD,MAAM,WAAW,eAAe;IAC9B,wDAAwD;IACxD,IAAI,EAAE,SAAS,CAAC;IAChB,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,KAAK,EACL,KAAiB,EACjB,YAAY,EACZ,WAAmB,EACnB,OAAO,EACP,SAAc,GACf,EAAE,eAAe,2CAsCjB"}

package/dist/components/app-bar-item/AppBarItem.js

@@ -0,0 +1,49 @@
+import { jsxs as b, jsx as s } from "react/jsx-runtime";
+import e from "./AppBarItem.module.scss.js";
+function u({
+  icon: r,
+  label: t,
+  state: p = "default",
+  mentionBadge: a,
+  unreadBadge: i = !1,
+  onClick: n,
+  className: c = ""
+}) {
+  const l = p === "selected", o = [
+    e["app-bar-item"],
+    l ? e["app-bar-item--selected"] : "",
+    c
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ b(
+    "button",
+    {
+      type: "button",
+      className: o,
+      "aria-label": t,
+      "aria-pressed": l,
+      onClick: n,
+      children: [
+        /* @__PURE__ */ s("span", { className: e["app-bar-item__icon"], children: r }),
+        a != null && a > 0 && /* @__PURE__ */ s(
+          "span",
+          {
+            className: e["app-bar-item__mention-badge"],
+            "aria-label": `${a} mentions`,
+            children: a
+          }
+        ),
+        i && a == null && /* @__PURE__ */ s(
+          "span",
+          {
+            className: e["app-bar-item__unread-badge"],
+            "aria-label": "Unread"
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  u as default
+};
+//# sourceMappingURL=AppBarItem.js.map

package/dist/components/app-bar-item/AppBarItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppBarItem.js","sources":["../../../src/components/app-bar-item/AppBarItem.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport styles from './AppBarItem.module.scss';\n\nexport type AppBarItemState = 'default' | 'selected';\n\nexport interface AppBarItemProps {\n  /** Icon element (image or SVG) representing the app. */\n  icon: ReactNode;\n  /** Accessible label for the app item. */\n  label: string;\n  /** Interaction state. Default: Default. */\n  state?: AppBarItemState;\n  /** When true, shows a mention count badge. */\n  mentionBadge?: number;\n  /** When true, shows an unread dot badge. */\n  unreadBadge?: boolean;\n  /** Click handler. */\n  onClick?: () => void;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\n/**\n * The App Bar Item is a circular icon that anchors a third-party app or plugin in the\n * right-side App Bar. Each item is a single tap-target with optional selection styling and\n * notification badges.\n */\nexport default function AppBarItem({\n  icon,\n  label,\n  state = 'default',\n  mentionBadge,\n  unreadBadge = false,\n  onClick,\n  className = '',\n}: AppBarItemProps) {\n  const isSelected = state === 'selected';\n\n  const rootClass = [\n    styles['app-bar-item'],\n    isSelected ? styles['app-bar-item--selected'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <button\n      type=\"button\"\n      className={rootClass}\n      aria-label={label}\n      aria-pressed={isSelected}\n      onClick={onClick}\n    >\n      <span className={styles['app-bar-item__icon']}>{icon}</span>\n\n      {mentionBadge != null && mentionBadge > 0 && (\n        <span\n          className={styles['app-bar-item__mention-badge']}\n          aria-label={`${mentionBadge} mentions`}\n        >\n          {mentionBadge}\n        </span>\n      )}\n\n      {unreadBadge && mentionBadge == null && (\n        <span\n          className={styles['app-bar-item__unread-badge']}\n          aria-label=\"Unread\"\n        />\n      )}\n    </button>\n  );\n}\n"],"names":["AppBarItem","icon","label","state","mentionBadge","unreadBadge","onClick","className","isSelected","rootClass","styles","jsxs","jsx"],"mappings":";;AA2BA,SAAwBA,EAAW;AAAA,EACjC,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,cAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,SAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAAoB;AAClB,QAAMC,IAAaL,MAAU,YAEvBM,IAAY;AAAA,IAChBC,EAAO,cAAc;AAAA,IACrBF,IAAaE,EAAO,wBAAwB,IAAI;AAAA,IAChDH;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAWF;AAAA,MACX,cAAYP;AAAA,MACZ,gBAAcM;AAAA,MACd,SAAAF;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAM,EAAC,QAAA,EAAK,WAAWF,EAAO,oBAAoB,GAAI,UAAAT,GAAK;AAAA,QAEpDG,KAAgB,QAAQA,IAAe,KACtC,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWF,EAAO,6BAA6B;AAAA,YAC/C,cAAY,GAAGN,CAAY;AAAA,YAE1B,UAAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAIJC,KAAeD,KAAgB,QAC9B,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWF,EAAO,4BAA4B;AAAA,YAC9C,cAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MACb;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/components/app-bar-item/AppBarItem.module.css

@@ -0,0 +1 @@
+._app-bar-item_g2euh_2{position:relative;display:inline-flex;align-items:flex-start;border-radius:var(--radius-l);background:transparent;border:none;cursor:pointer;padding:0;transition:opacity var(--duration-quick) var(--ease-transition)}._app-bar-item_g2euh_2:hover{opacity:.88}._app-bar-item_g2euh_2:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sidebar-bg),0 0 0 4px var(--sidebar-text-active-border)}._app-bar-item__icon_g2euh_20{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:24px;flex-shrink:0}._app-bar-item__icon_g2euh_20 img,._app-bar-item__icon_g2euh_20 svg{display:block;width:var(--icon-size-24);height:var(--icon-size-24)}._app-bar-item__mention-badge_g2euh_34{position:absolute;top:-2px;right:-7px;display:flex;align-items:center;justify-content:center;padding:.5px var(--spacing-xxs);background-color:var(--sidebar-text-active-border);border:2px solid var(--sidebar-header-bg);border-radius:var(--radius-m);font-size:var(--font-size-25);font-weight:var(--font-weight-semibold);line-height:11px;color:var(--color-neutral-0);white-space:nowrap}._app-bar-item__unread-badge_g2euh_51{position:absolute;top:0;right:0;width:8px;height:8px;border-radius:var(--radius-full);background-color:var(--sidebar-text-active-border);border:2px solid var(--sidebar-header-bg)}._app-bar-item--selected_g2euh_61:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:16px;border-radius:0 2px 2px 0;background-color:var(--sidebar-text-active-border)}

package/dist/components/app-bar-item/AppBarItem.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./AppBarItem.module.css');const e={"app-bar-item":"_app-bar-item_g2euh_2","app-bar-item__icon":"_app-bar-item__icon_g2euh_20","app-bar-item__mention-badge":"_app-bar-item__mention-badge_g2euh_34","app-bar-item__unread-badge":"_app-bar-item__unread-badge_g2euh_51","app-bar-item--selected":"_app-bar-item--selected_g2euh_61"};exports.default=e;
+//# sourceMappingURL=AppBarItem.module.scss.cjs.map

package/dist/components/app-bar-item/AppBarItem.module.scss.cjs.map

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

package/dist/components/app-bar-item/AppBarItem.module.scss.js

@@ -0,0 +1,11 @@
+import './AppBarItem.module.css';const e = {
+  "app-bar-item": "_app-bar-item_g2euh_2",
+  "app-bar-item__icon": "_app-bar-item__icon_g2euh_20",
+  "app-bar-item__mention-badge": "_app-bar-item__mention-badge_g2euh_34",
+  "app-bar-item__unread-badge": "_app-bar-item__unread-badge_g2euh_51",
+  "app-bar-item--selected": "_app-bar-item--selected_g2euh_61"
+};
+export {
+  e as default
+};
+//# sourceMappingURL=AppBarItem.module.scss.js.map

package/dist/components/app-bar-item/AppBarItem.module.scss.js.map

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

package/dist/components/app-bar-item/index.cjs

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

package/dist/components/app-bar-item/index.cjs.map

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

package/dist/components/app-bar-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/app-bar-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/app-bar-item/index.js

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

package/dist/components/app-bar-item/index.js.map

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

package/dist/components/attachment-card/AttachmentCard.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__N=require("@mattermost/compass-icons/components/close.js"),N=__N?.default??__N,__O=require("@mattermost/compass-icons/components/dots-vertical.js"),O=__O?.default??__O,__L=require("@mattermost/compass-icons/components/download-outline.js"),L=__L?.default??__L,__b=require("@mattermost/compass-icons/components/file-audio-outline-large.js"),b=__b?.default??__b,__C=require("@mattermost/compass-icons/components/file-code-outline-large.js"),C=__C?.default??__C,__z=require("@mattermost/compass-icons/components/file-excel-outline-large.js"),z=__z?.default??__z,__x=require("@mattermost/compass-icons/components/file-generic-outline-large.js"),x=__x?.default??__x,__w=require("@mattermost/compass-icons/components/file-image-outline-large.js"),w=__w?.default??__w,__P=require("@mattermost/compass-icons/components/file-patch-outline-large.js"),P=__P?.default??__P,__E=require("@mattermost/compass-icons/components/file-pdf-outline-large.js"),E=__E?.default??__E,__y=require("@mattermost/compass-icons/components/file-powerpoint-outline-large.js"),y=__y?.default??__y,__D=require("@mattermost/compass-icons/components/file-text-outline-large.js"),D=__D?.default??__D,__M=require("@mattermost/compass-icons/components/file-video-outline-large.js"),M=__M?.default??__M,__k=require("@mattermost/compass-icons/components/file-word-outline-large.js"),k=__k?.default??__k,__A=require("@mattermost/compass-icons/components/file-zip-outline-large.js"),A=__A?.default??__A,i=require("../icon/Icon.cjs"),l=require("../icon-button/IconButton.cjs"),R=require("../tag/Tag.cjs"),a=require("./AttachmentCard.module.scss.cjs"),U={audio:b,code:C,excel:z,generic:x,"image-icon":w,patch:P,pdf:E,powerpoint:y,text:D,video:M,word:k,zip:A},$={audio:"var(--attachment-blue)",code:void 0,excel:"var(--attachment-green)",generic:void 0,"image-icon":"var(--attachment-blue)",patch:void 0,pdf:"var(--attachment-red)",powerpoint:"var(--attachment-orange)",text:void 0,video:"var(--attachment-blue)",word:"var(--attachment-blue)",zip:void 0};function B({className:g="",fileName:_,fileMeta:s,fileType:t="generic",state:n="default",progress:r=0,thumbnailSrc:o,channelTag:d,dateTimeStamp:u,onRemove:j,onDownload:f,onMore:v}){const c=n==="uploading",p=n==="uploaded",m=n==="default",I=m?"":a.default[`attachment-card--${n}`],q=[a.default["attachment-card"],I,g].filter(Boolean).join(" "),F=t!=="image-thumbnail"?U[t]:x,h=t!=="image-thumbnail"?$[t]:void 0;return e.jsxs("div",{className:q,children:[e.jsx("div",{className:a.default["attachment-card__container"],children:e.jsxs("div",{className:a.default["attachment-card__inner"],children:[e.jsxs("div",{className:a.default["attachment-card__left"],children:[t==="image-thumbnail"&&o?e.jsx("img",{src:o,alt:"",className:a.default["attachment-card__thumbnail"]}):e.jsx("div",{className:a.default["attachment-card__icon"],style:h?{color:h}:void 0,children:e.jsx(i.default,{glyph:e.jsx(F,{size:40}),size:"40"})}),e.jsxs("div",{className:a.default["attachment-card__text"],children:[e.jsx("p",{className:a.default["attachment-card__filename"],children:_}),e.jsx("div",{className:a.default["attachment-card__secondary-details"],children:c?e.jsx("span",{className:a.default["attachment-card__uploading-text"],children:`Uploading… (${r}%)`}):e.jsxs(e.Fragment,{children:[d&&e.jsx(R.default,{label:d}),s&&e.jsxs("div",{className:a.default["attachment-card__details"],children:[e.jsx("span",{children:s}),u&&e.jsxs("span",{className:a.default["attachment-card__datetime"],children:[e.jsx("span",{children:"•"}),e.jsx("span",{children:u})]})]})]})})]})]}),e.jsx("div",{className:a.default["attachment-card__right"],children:e.jsxs("div",{className:a.default["attachment-card__actions"],children:[(p||c)&&e.jsx(l.default,{size:"small",icon:e.jsx(i.default,{glyph:e.jsx(N,{}),size:"16"}),"aria-label":c?"Cancel upload":"Remove attachment",onClick:j}),m&&e.jsxs(e.Fragment,{children:[e.jsx(l.default,{size:"small",icon:e.jsx(i.default,{glyph:e.jsx(O,{}),size:"16"}),"aria-label":"More options",onClick:v}),e.jsx(l.default,{size:"small",icon:e.jsx(i.default,{glyph:e.jsx(L,{}),size:"16"}),"aria-label":"Download",onClick:f})]})]})})]})}),c&&e.jsx("div",{className:a.default["attachment-card__progress-bar"],children:e.jsx("div",{className:a.default["attachment-card__progress-fill"],style:{width:`${Math.min(100,Math.max(0,r))}%`}})})]})}exports.default=B;
+//# sourceMappingURL=AttachmentCard.cjs.map