@mattermost/compass-ui 0.1.0-alpha.5 → 0.1.0-alpha.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mattermost/compass-ui",
-  "version": "0.1.0-alpha.5",
+  "version": "0.1.0-alpha.7",
   "description": "Compass design system UI components for Mattermost products",
   "repository": {
     "type": "git",
@@ -30,6 +30,11 @@
       "import": "./dist/hooks/*.js",
       "require": "./dist/hooks/*.cjs"
     },
+    "./illustrations/*": {
+      "types": "./dist/illustrations/*.d.ts",
+      "import": "./dist/illustrations/*.js",
+      "require": "./dist/illustrations/*.cjs"
+    },
     "./utils/string": {
       "types": "./dist/utils/string.d.ts",
       "import": "./dist/utils/string.js",
@@ -53,7 +58,7 @@
   ],
   "scripts": {
     "build:sass": "sass src/styles/entry.scss dist/compass-ui.css --load-path=src/styles --no-source-map && sass src/styles/standalone-entry.scss dist/compass-ui-standalone.css --load-path=src/styles --no-source-map",
-    "build": "vite build && node ../../scripts/normalize-compass-ui-dist.mjs && node ../../scripts/generate-compass-ui-exports.mjs && node ../../scripts/verify-compass-ui-dist.mjs",
+    "build": "node ../../scripts/gen-compass-illustrations.mjs && vite build && node ../../scripts/normalize-compass-ui-dist.mjs && node ../../scripts/generate-compass-ui-exports.mjs && node ../../scripts/verify-compass-ui-dist.mjs",
     "dev": "vite build --watch",
     "typecheck": "tsc -p tsconfig.build.json --noEmit",
     "test": "vitest run",
@@ -104,6 +109,9 @@
       "hooks/*": [
         "./dist/hooks/*.d.ts"
       ],
+      "illustrations/*": [
+        "./dist/illustrations/*.d.ts"
+      ],
       "utils/string": [
         "./dist/utils/string.d.ts"
       ],
@@ -125,21 +133,18 @@
       "components/admin-panel-header": [
         "./dist/components/admin-panel-header/index.d.ts"
       ],
-      "components/app-bar-item": [
-        "./dist/components/app-bar-item/index.d.ts"
-      ],
       "components/attachment-card": [
         "./dist/components/attachment-card/index.d.ts"
       ],
       "components/button": [
         "./dist/components/button/index.d.ts"
       ],
+      "components/card-button": [
+        "./dist/components/card-button/index.d.ts"
+      ],
       "components/channel-category-menu": [
         "./dist/components/channel-category-menu/index.d.ts"
       ],
-      "components/channel-header": [
-        "./dist/components/channel-header/index.d.ts"
-      ],
       "components/channel-header-menu": [
         "./dist/components/channel-header-menu/index.d.ts"
       ],
@@ -176,6 +181,12 @@
       "components/emoji": [
         "./dist/components/emoji/index.d.ts"
       ],
+      "components/emoji-button": [
+        "./dist/components/emoji-button/index.d.ts"
+      ],
+      "components/emoji-popover": [
+        "./dist/components/emoji-popover/index.d.ts"
+      ],
       "components/empty-state": [
         "./dist/components/empty-state/index.d.ts"
       ],
@@ -212,33 +223,33 @@
       "components/mention-badge": [
         "./dist/components/mention-badge/index.d.ts"
       ],
+      "components/menu-group-heading": [
+        "./dist/components/menu-group-heading/index.d.ts"
+      ],
       "components/menu-item": [
         "./dist/components/menu-item/index.d.ts"
       ],
-      "components/message": [
-        "./dist/components/message/index.d.ts"
-      ],
       "components/message-actions": [
         "./dist/components/message-actions/index.d.ts"
       ],
       "components/message-header": [
         "./dist/components/message-header/index.d.ts"
       ],
-      "components/message-input": [
-        "./dist/components/message-input/index.d.ts"
-      ],
       "components/message-more-options-menu": [
         "./dist/components/message-more-options-menu/index.d.ts"
       ],
-      "components/message-reactions": [
-        "./dist/components/message-reactions/index.d.ts"
-      ],
       "components/message-separator": [
         "./dist/components/message-separator/index.d.ts"
       ],
       "components/modal": [
         "./dist/components/modal/index.d.ts"
       ],
+      "components/modal-footer": [
+        "./dist/components/modal-footer/index.d.ts"
+      ],
+      "components/modal-header": [
+        "./dist/components/modal-header/index.d.ts"
+      ],
       "components/more-unreads-banner": [
         "./dist/components/more-unreads-banner/index.d.ts"
       ],
@@ -275,11 +286,14 @@
       "components/radio": [
         "./dist/components/radio/index.d.ts"
       ],
-      "components/reaction-pill": [
-        "./dist/components/reaction-pill/index.d.ts"
+      "components/reaction-button": [
+        "./dist/components/reaction-button/index.d.ts"
+      ],
+      "components/reactions-row": [
+        "./dist/components/reactions-row/index.d.ts"
       ],
-      "components/right-sidebar": [
-        "./dist/components/right-sidebar/index.d.ts"
+      "components/right-sidebar-header": [
+        "./dist/components/right-sidebar-header/index.d.ts"
       ],
       "components/scrollbar": [
         "./dist/components/scrollbar/index.d.ts"
@@ -371,6 +385,210 @@
       "hooks/use-popover-transition": [
         "./dist/hooks/use-popover-transition.d.ts"
       ],
+      "illustrations/ai-copilot-intro": [
+        "./dist/illustrations/ai-copilot-intro.d.ts"
+      ],
+      "illustrations/alert": [
+        "./dist/illustrations/alert.d.ts"
+      ],
+      "illustrations/alert-on-sidebar-bg": [
+        "./dist/illustrations/alert-on-sidebar-bg.d.ts"
+      ],
+      "illustrations/archived-channel": [
+        "./dist/illustrations/archived-channel.d.ts"
+      ],
+      "illustrations/auto-translation": [
+        "./dist/illustrations/auto-translation.d.ts"
+      ],
+      "illustrations/banners": [
+        "./dist/illustrations/banners.d.ts"
+      ],
+      "illustrations/billing-history": [
+        "./dist/illustrations/billing-history.d.ts"
+      ],
+      "illustrations/blank-playbook": [
+        "./dist/illustrations/blank-playbook.d.ts"
+      ],
+      "illustrations/bot-accounts": [
+        "./dist/illustrations/bot-accounts.d.ts"
+      ],
+      "illustrations/browser-or-desktop": [
+        "./dist/illustrations/browser-or-desktop.d.ts"
+      ],
+      "illustrations/bug-bash": [
+        "./dist/illustrations/bug-bash.d.ts"
+      ],
+      "illustrations/calls": [
+        "./dist/illustrations/calls.d.ts"
+      ],
+      "illustrations/collaborate": [
+        "./dist/illustrations/collaborate.d.ts"
+      ],
+      "illustrations/compliance-exports": [
+        "./dist/illustrations/compliance-exports.d.ts"
+      ],
+      "illustrations/copilot-bot": [
+        "./dist/illustrations/copilot-bot.d.ts"
+      ],
+      "illustrations/custom-branding": [
+        "./dist/illustrations/custom-branding.d.ts"
+      ],
+      "illustrations/custom-terms": [
+        "./dist/illustrations/custom-terms.d.ts"
+      ],
+      "illustrations/customer-onboarding": [
+        "./dist/illustrations/customer-onboarding.d.ts"
+      ],
+      "illustrations/data-retention": [
+        "./dist/illustrations/data-retention.d.ts"
+      ],
+      "illustrations/drafts-empty": [
+        "./dist/illustrations/drafts-empty.d.ts"
+      ],
+      "illustrations/employee-onboarding": [
+        "./dist/illustrations/employee-onboarding.d.ts"
+      ],
+      "illustrations/feature-lifecycle": [
+        "./dist/illustrations/feature-lifecycle.d.ts"
+      ],
+      "illustrations/file-search-empty": [
+        "./dist/illustrations/file-search-empty.d.ts"
+      ],
+      "illustrations/globe": [
+        "./dist/illustrations/globe.d.ts"
+      ],
+      "illustrations/group": [
+        "./dist/illustrations/group.d.ts"
+      ],
+      "illustrations/groups": [
+        "./dist/illustrations/groups.d.ts"
+      ],
+      "illustrations/incident-resolution": [
+        "./dist/illustrations/incident-resolution.d.ts"
+      ],
+      "illustrations/incoming-webhook": [
+        "./dist/illustrations/incoming-webhook.d.ts"
+      ],
+      "illustrations/intune-mam": [
+        "./dist/illustrations/intune-mam.d.ts"
+      ],
+      "illustrations/learn-playbooks": [
+        "./dist/illustrations/learn-playbooks.d.ts"
+      ],
+      "illustrations/locked-messages": [
+        "./dist/illustrations/locked-messages.d.ts"
+      ],
+      "illustrations/mentions-empty": [
+        "./dist/illustrations/mentions-empty.d.ts"
+      ],
+      "illustrations/message-not-viewable": [
+        "./dist/illustrations/message-not-viewable.d.ts"
+      ],
+      "illustrations/message-search-empty": [
+        "./dist/illustrations/message-search-empty.d.ts"
+      ],
+      "illustrations/mfa": [
+        "./dist/illustrations/mfa.d.ts"
+      ],
+      "illustrations/mfa-complete": [
+        "./dist/illustrations/mfa-complete.d.ts"
+      ],
+      "illustrations/mobile-protection": [
+        "./dist/illustrations/mobile-protection.d.ts"
+      ],
+      "illustrations/mobile-security": [
+        "./dist/illustrations/mobile-security.d.ts"
+      ],
+      "illustrations/names": [
+        "./dist/illustrations/names.d.ts"
+      ],
+      "illustrations/new-password": [
+        "./dist/illustrations/new-password.d.ts"
+      ],
+      "illustrations/no-unreads-on-sidebar-bg": [
+        "./dist/illustrations/no-unreads-on-sidebar-bg.d.ts"
+      ],
+      "illustrations/office": [
+        "./dist/illustrations/office.d.ts"
+      ],
+      "illustrations/outgoing-webhook": [
+        "./dist/illustrations/outgoing-webhook.d.ts"
+      ],
+      "illustrations/pinned-empty": [
+        "./dist/illustrations/pinned-empty.d.ts"
+      ],
+      "illustrations/playbooks-empty": [
+        "./dist/illustrations/playbooks-empty.d.ts"
+      ],
+      "illustrations/private-channel-intro": [
+        "./dist/illustrations/private-channel-intro.d.ts"
+      ],
+      "illustrations/product-release": [
+        "./dist/illustrations/product-release.d.ts"
+      ],
+      "illustrations/public-channel-intro": [
+        "./dist/illustrations/public-channel-intro.d.ts"
+      ],
+      "illustrations/rating": [
+        "./dist/illustrations/rating.d.ts"
+      ],
+      "illustrations/rating-desktop": [
+        "./dist/illustrations/rating-desktop.d.ts"
+      ],
+      "illustrations/read-only": [
+        "./dist/illustrations/read-only.d.ts"
+      ],
+      "illustrations/reset-password": [
+        "./dist/illustrations/reset-password.d.ts"
+      ],
+      "illustrations/saved-empty": [
+        "./dist/illustrations/saved-empty.d.ts"
+      ],
+      "illustrations/scheduled-empty": [
+        "./dist/illustrations/scheduled-empty.d.ts"
+      ],
+      "illustrations/search": [
+        "./dist/illustrations/search.d.ts"
+      ],
+      "illustrations/server": [
+        "./dist/illustrations/server.d.ts"
+      ],
+      "illustrations/setup-system": [
+        "./dist/illustrations/setup-system.d.ts"
+      ],
+      "illustrations/site-error": [
+        "./dist/illustrations/site-error.d.ts"
+      ],
+      "illustrations/slash-commands": [
+        "./dist/illustrations/slash-commands.d.ts"
+      ],
+      "illustrations/success": [
+        "./dist/illustrations/success.d.ts"
+      ],
+      "illustrations/system-admins": [
+        "./dist/illustrations/system-admins.d.ts"
+      ],
+      "illustrations/threads-empty": [
+        "./dist/illustrations/threads-empty.d.ts"
+      ],
+      "illustrations/timer": [
+        "./dist/illustrations/timer.d.ts"
+      ],
+      "illustrations/tls-certificate": [
+        "./dist/illustrations/tls-certificate.d.ts"
+      ],
+      "illustrations/tools": [
+        "./dist/illustrations/tools.d.ts"
+      ],
+      "illustrations/town-square-channel-intro": [
+        "./dist/illustrations/town-square-channel-intro.d.ts"
+      ],
+      "illustrations/upload-license": [
+        "./dist/illustrations/upload-license.d.ts"
+      ],
+      "illustrations/verify-email": [
+        "./dist/illustrations/verify-email.d.ts"
+      ],
       "*": [
         "./dist/index.d.ts"
       ]

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

@@ -1,2 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,25 +0,0 @@
-import { ReactNode } from 'react';
-export type AppBarItemState = 'default' | 'selected';
-export interface AppBarItemProps {
-    /** Icon element (image or SVG) representing the app. */
-    icon: ReactNode;
-    /** Accessible label for the app item. */
-    label: string;
-    /** Interaction state. Default: Default. */
-    state?: AppBarItemState;
-    /** When true, shows a mention count badge. */
-    mentionBadge?: number;
-    /** When true, shows an unread dot badge. */
-    unreadBadge?: boolean;
-    /** Click handler. */
-    onClick?: () => void;
-    /** Optional CSS class name. */
-    className?: string;
-}
-/**
- * The App Bar Item is a circular icon that anchors a third-party app or plugin in the
- * right-side App Bar. Each item is a single tap-target with optional selection styling and
- * notification badges.
- */
-export default function AppBarItem({ icon, label, state, mentionBadge, unreadBadge, onClick, className, }: AppBarItemProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=AppBarItem.d.ts.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,49 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1 +0,0 @@
-._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

@@ -1,2 +0,0 @@
-"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

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

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

@@ -1,11 +0,0 @@
-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

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

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

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

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

@@ -1 +0,0 @@
-{"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

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

package/dist/components/channel-header/ChannelHeader.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__B=require("@mattermost/compass-icons/components/star-outline.js"),B=__B?.default??__B,__w=require("@mattermost/compass-icons/components/star.js"),w=__w?.default??__w,__j=require("@mattermost/compass-icons/components/chevron-down.js"),j=__j?.default??__j,__S=require("@mattermost/compass-icons/components/bell-off-outline.js"),S=__S?.default??__S,__k=require("@mattermost/compass-icons/components/account-outline.js"),k=__k?.default??__k,__A=require("@mattermost/compass-icons/components/pin-outline.js"),A=__A?.default??__A,__T=require("@mattermost/compass-icons/components/file-text-outline.js"),T=__T?.default??__T,__F=require("@mattermost/compass-icons/components/phone.js"),F=__F?.default??__F,__M=require("@mattermost/compass-icons/components/information-outline.js"),M=__M?.default??__M,P=require("../button/Button.cjs"),s=require("../icon/Icon.cjs"),n=require("../icon-button/IconButton.cjs"),D=require("../tag/Tag.cjs"),H=require("../user-avatar/UserAvatar.cjs"),a=require("./ChannelHeader.module.scss.cjs");function R({type:l="channel",name:c="",description:t,memberCount:i,pinnedCount:r,favorited:o=!1,muted:m=!1,avatarSrc:u,avatarStatus:_=!1,onFavoriteClick:g,onNameClick:d,onCallClick:b,callButton:z,onInfoClick:N,infoToggled:q=!1,className:v=""}){const h=l==="threads"||l==="drafts",I=l==="channel"||l==="dm"||l==="gm",p=(l==="channel"||l==="gm")&&i!=null,O=l==="channel"||l==="dm"||l==="gm",C=l==="channel"||l==="dm"||l==="gm",f=(l==="dm"||l==="bot")&&!!u,x=[a.default["channel-header"],h?a.default["channel-header--simple"]:"",v].filter(Boolean).join(" ");return h?e.jsxs("div",{className:x,children:[e.jsx("span",{className:a.default["channel-header__title"],children:c}),t&&e.jsx("span",{className:a.default["channel-header__description"],children:t})]}):e.jsxs("div",{className:x,children:[e.jsxs("div",{className:a.default["channel-header__left"],children:[e.jsxs("div",{className:a.default["channel-header__top-row"],children:[e.jsx(n.default,{size:"x-small","aria-label":o?"Remove from favorites":"Add to favorites",onClick:g,icon:o?e.jsx("span",{style:{color:"var(--button-bg)",display:"inline-flex"},children:e.jsx(w,{size:18})}):e.jsx(B,{size:18})}),f&&e.jsxs("div",{className:a.default["channel-header__identity"],children:[e.jsx(H.default,{src:u,alt:c,size:"24",status:l==="dm"?_:!1}),l==="bot"?e.jsxs("div",{className:a.default["channel-header__bot-name-group"],children:[e.jsx("button",{className:a.default["channel-header__name-area"],type:"button",onClick:d,children:e.jsx("span",{className:a.default["channel-header__name"],children:c})}),e.jsx("span",{className:a.default["channel-header__bot-tag"],children:e.jsx(D.default,{label:"BOT",casing:"all-caps"})})]}):e.jsxs("button",{className:a.default["channel-header__name-area"],type:"button",onClick:d,children:[e.jsx("span",{className:a.default["channel-header__name"],children:c}),e.jsx(s.default,{size:"16",glyph:e.jsx(j,{})})]})]}),!f&&e.jsxs("button",{className:a.default["channel-header__name-area"],type:"button",onClick:d,children:[e.jsx("span",{className:a.default["channel-header__name"],children:c}),C&&e.jsx(s.default,{size:"16",glyph:e.jsx(j,{})})]}),e.jsxs("div",{className:a.default["channel-header__stat-icons"],children:[m&&e.jsx(n.default,{size:"x-small","aria-label":"Notifications muted",icon:e.jsx(s.default,{size:"12",glyph:e.jsx(S,{})})}),p&&e.jsx(n.default,{size:"x-small","aria-label":`${i} members`,count:i,icon:e.jsx(s.default,{size:"12",glyph:e.jsx(k,{})})}),r!=null&&e.jsx(n.default,{size:"x-small","aria-label":`${r} pinned messages`,count:r,icon:e.jsx(s.default,{size:"12",glyph:e.jsx(A,{})})}),O&&e.jsx(n.default,{size:"x-small","aria-label":"Files",icon:e.jsx(s.default,{size:"12",glyph:e.jsx(T,{})})})]})]}),e.jsx("div",{className:a.default["channel-header__description"],children:t??null})]}),e.jsxs("div",{className:a.default["channel-header__right"],children:[I&&(z??e.jsx(P.default,{className:a.default["channel-header__call-btn"],emphasis:"quaternary",size:"small",leadingIcon:e.jsx(s.default,{size:"16",glyph:e.jsx(F,{})}),onClick:b,children:"Start a Call"})),e.jsx(n.default,{size:"small","aria-label":"Channel info",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(M,{})}),onClick:N,toggled:q})]})]})}exports.default=R;
-//# sourceMappingURL=ChannelHeader.cjs.map

package/dist/components/channel-header/ChannelHeader.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChannelHeader.cjs","sources":["../../../src/components/channel-header/ChannelHeader.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport StarOutlineIcon from '@mattermost/compass-icons/components/star-outline';\nimport StarIcon from '@mattermost/compass-icons/components/star';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport BellOffOutlineIcon from '@mattermost/compass-icons/components/bell-off-outline';\nimport AccountOutlineIcon from '@mattermost/compass-icons/components/account-outline';\nimport PinOutlineIcon from '@mattermost/compass-icons/components/pin-outline';\nimport FileTextOutlineIcon from '@mattermost/compass-icons/components/file-text-outline';\nimport PhoneIcon from '@mattermost/compass-icons/components/phone';\nimport InformationOutlineIcon from '@mattermost/compass-icons/components/information-outline';\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 UserAvatar from '@/components/user-avatar/UserAvatar';\nimport styles from './ChannelHeader.module.scss';\n\nexport type ChannelHeaderType =\n  | 'channel'\n  | 'bot'\n  | 'dm'\n  | 'gm'\n  | 'threads'\n  | 'drafts';\n\nexport interface ChannelHeaderProps {\n  /** Channel type variant. Default: Channel. */\n  type?: ChannelHeaderType;\n  /** Channel or conversation name. */\n  name?: string;\n  /** Subtitle shown to the right of the stat icons (Bot) or next to the title (Threads, Drafts). */\n  description?: string;\n  /** Member count shown for Channel and GM types. */\n  memberCount?: number;\n  /** Number of pinned messages shown as a stat. */\n  pinnedCount?: number;\n  /** Whether the channel is favorited (filled star). */\n  favorited?: boolean;\n  /** Whether the channel is muted (bell-off icon shown). */\n  muted?: boolean;\n  /** Avatar image URL for DM and Bot types. */\n  avatarSrc?: string;\n  /** Show online status badge on the DM avatar. */\n  avatarStatus?: boolean;\n  /** Called when the favorite star is clicked. */\n  onFavoriteClick?: () => void;\n  /** Called when the channel name is clicked. */\n  onNameClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  /** Called when the Start a Call button is clicked. */\n  onCallClick?: () => void;\n  /** Replaces the default Start a Call button when provided. */\n  callButton?: ReactNode;\n  /** Called when the channel info button is clicked. */\n  onInfoClick?: () => void;\n  /** Whether the info button is in a toggled (active) state. */\n  infoToggled?: boolean;\n  className?: string;\n}\n\nexport default function ChannelHeader({\n  type = 'channel',\n  name = '',\n  description,\n  memberCount,\n  pinnedCount,\n  favorited = false,\n  muted = false,\n  avatarSrc,\n  avatarStatus = false,\n  onFavoriteClick,\n  onNameClick,\n  onCallClick,\n  callButton,\n  onInfoClick,\n  infoToggled = false,\n  className = '',\n}: ChannelHeaderProps) {\n  const isSimple = type === 'threads' || type === 'drafts';\n  const showCallButton = type === 'channel' || type === 'dm' || type === 'gm';\n  const showMembers =\n    (type === 'channel' || type === 'gm') && memberCount != null;\n  const showFiles = type === 'channel' || type === 'dm' || type === 'gm';\n  const showChevron = type === 'channel' || type === 'dm' || type === 'gm';\n  const hasDmAvatar = (type === 'dm' || type === 'bot') && Boolean(avatarSrc);\n\n  const rootClass = [\n    styles['channel-header'],\n    isSimple ? styles['channel-header--simple'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  if (isSimple) {\n    return (\n      <div className={rootClass}>\n        <span className={styles['channel-header__title']}>{name}</span>\n        {description && (\n          <span className={styles['channel-header__description']}>\n            {description}\n          </span>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div className={rootClass}>\n      <div className={styles['channel-header__left']}>\n        <div className={styles['channel-header__top-row']}>\n          <IconButton\n            size=\"x-small\"\n            aria-label={\n              favorited ? 'Remove from favorites' : 'Add to favorites'\n            }\n            onClick={onFavoriteClick}\n            icon={\n              favorited ? (\n                <span\n                  style={{ color: 'var(--button-bg)', display: 'inline-flex' }}\n                >\n                  <StarIcon size={18} />\n                </span>\n              ) : (\n                <StarOutlineIcon size={18} />\n              )\n            }\n          />\n\n          {hasDmAvatar && (\n            <div className={styles['channel-header__identity']}>\n              <UserAvatar\n                src={avatarSrc!}\n                alt={name}\n                size=\"24\"\n                status={type === 'dm' ? avatarStatus : false}\n              />\n              {type === 'bot' ? (\n                <div className={styles['channel-header__bot-name-group']}>\n                  <button\n                    className={styles['channel-header__name-area']}\n                    type=\"button\"\n                    onClick={onNameClick}\n                  >\n                    <span className={styles['channel-header__name']}>\n                      {name}\n                    </span>\n                  </button>\n                  <span className={styles['channel-header__bot-tag']}>\n                    <Tag label=\"BOT\" casing=\"all-caps\" />\n                  </span>\n                </div>\n              ) : (\n                <button\n                  className={styles['channel-header__name-area']}\n                  type=\"button\"\n                  onClick={onNameClick}\n                >\n                  <span className={styles['channel-header__name']}>{name}</span>\n                  <Icon size=\"16\" glyph={<ChevronDownIcon />} />\n                </button>\n              )}\n            </div>\n          )}\n\n          {!hasDmAvatar && (\n            <button\n              className={styles['channel-header__name-area']}\n              type=\"button\"\n              onClick={onNameClick}\n            >\n              <span className={styles['channel-header__name']}>{name}</span>\n              {showChevron && <Icon size=\"16\" glyph={<ChevronDownIcon />} />}\n            </button>\n          )}\n\n          <div className={styles['channel-header__stat-icons']}>\n            {muted && (\n              <IconButton\n                size=\"x-small\"\n                aria-label=\"Notifications muted\"\n                icon={<Icon size=\"12\" glyph={<BellOffOutlineIcon />} />}\n              />\n            )}\n            {showMembers && (\n              <IconButton\n                size=\"x-small\"\n                aria-label={`${memberCount} members`}\n                count={memberCount}\n                icon={<Icon size=\"12\" glyph={<AccountOutlineIcon />} />}\n              />\n            )}\n            {pinnedCount != null && (\n              <IconButton\n                size=\"x-small\"\n                aria-label={`${pinnedCount} pinned messages`}\n                count={pinnedCount}\n                icon={<Icon size=\"12\" glyph={<PinOutlineIcon />} />}\n              />\n            )}\n            {showFiles && (\n              <IconButton\n                size=\"x-small\"\n                aria-label=\"Files\"\n                icon={<Icon size=\"12\" glyph={<FileTextOutlineIcon />} />}\n              />\n            )}\n          </div>\n        </div>\n\n        <div className={styles['channel-header__description']}>\n          {description ?? null}\n        </div>\n      </div>\n\n      <div className={styles['channel-header__right']}>\n        {showCallButton && (callButton ?? (\n          <Button\n            className={styles['channel-header__call-btn']}\n            emphasis=\"quaternary\"\n            size=\"small\"\n            leadingIcon={<Icon size=\"16\" glyph={<PhoneIcon />} />}\n            onClick={onCallClick}\n          >\n            Start a Call\n          </Button>\n        ))}\n        <IconButton\n          size=\"small\"\n          aria-label=\"Channel info\"\n          icon={<Icon size=\"16\" glyph={<InformationOutlineIcon />} />}\n          onClick={onInfoClick}\n          toggled={infoToggled}\n        />\n      </div>\n    </div>\n  );\n}\n"],"names":["ChannelHeader","type","name","description","memberCount","pinnedCount","favorited","muted","avatarSrc","avatarStatus","onFavoriteClick","onNameClick","onCallClick","callButton","onInfoClick","infoToggled","className","isSimple","showCallButton","showMembers","showFiles","showChevron","hasDmAvatar","rootClass","styles","jsxs","jsx","IconButton","StarIcon","StarOutlineIcon","UserAvatar","Tag","Icon","ChevronDownIcon","BellOffOutlineIcon","AccountOutlineIcon","PinOutlineIcon","FileTextOutlineIcon","Button","PhoneIcon","InformationOutlineIcon"],"mappings":"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"}

package/dist/components/channel-header/ChannelHeader.d.ts

@@ -1,37 +0,0 @@
-import { ReactNode } from 'react';
-export type ChannelHeaderType = 'channel' | 'bot' | 'dm' | 'gm' | 'threads' | 'drafts';
-export interface ChannelHeaderProps {
-    /** Channel type variant. Default: Channel. */
-    type?: ChannelHeaderType;
-    /** Channel or conversation name. */
-    name?: string;
-    /** Subtitle shown to the right of the stat icons (Bot) or next to the title (Threads, Drafts). */
-    description?: string;
-    /** Member count shown for Channel and GM types. */
-    memberCount?: number;
-    /** Number of pinned messages shown as a stat. */
-    pinnedCount?: number;
-    /** Whether the channel is favorited (filled star). */
-    favorited?: boolean;
-    /** Whether the channel is muted (bell-off icon shown). */
-    muted?: boolean;
-    /** Avatar image URL for DM and Bot types. */
-    avatarSrc?: string;
-    /** Show online status badge on the DM avatar. */
-    avatarStatus?: boolean;
-    /** Called when the favorite star is clicked. */
-    onFavoriteClick?: () => void;
-    /** Called when the channel name is clicked. */
-    onNameClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    /** Called when the Start a Call button is clicked. */
-    onCallClick?: () => void;
-    /** Replaces the default Start a Call button when provided. */
-    callButton?: ReactNode;
-    /** Called when the channel info button is clicked. */
-    onInfoClick?: () => void;
-    /** Whether the info button is in a toggled (active) state. */
-    infoToggled?: boolean;
-    className?: string;
-}
-export default function ChannelHeader({ type, name, description, memberCount, pinnedCount, favorited, muted, avatarSrc, avatarStatus, onFavoriteClick, onNameClick, onCallClick, callButton, onInfoClick, infoToggled, className, }: ChannelHeaderProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ChannelHeader.d.ts.map

package/dist/components/channel-header/ChannelHeader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChannelHeader.d.ts","sourceRoot":"","sources":["../../../src/components/channel-header/ChannelHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAiBvC,MAAM,MAAM,iBAAiB,GACzB,SAAS,GACT,KAAK,GACL,IAAI,GACJ,IAAI,GACJ,SAAS,GACT,QAAQ,CAAC;AAEb,MAAM,WAAW,kBAAkB;IACjC,8CAA8C;IAC9C,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kGAAkG;IAClG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gDAAgD;IAChD,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,+CAA+C;IAC/C,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,IAAgB,EAChB,IAAS,EACT,WAAW,EACX,WAAW,EACX,WAAW,EACX,SAAiB,EACjB,KAAa,EACb,SAAS,EACT,YAAoB,EACpB,eAAe,EACf,WAAW,EACX,WAAW,EACX,UAAU,EACV,WAAW,EACX,WAAmB,EACnB,SAAc,GACf,EAAE,kBAAkB,2CAiKpB"}