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

package/dist/components/channels-sidebar/ChannelsSidebar.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("react"),__j=require("@mattermost/compass-icons/components/chevron-down.js"),j=__j?.default??__j,__x=require("@mattermost/compass-icons/components/plus.js"),x=__x?.default??__x,__C=require("@mattermost/compass-icons/components/magnify.js"),C=__C?.default??__C,__q=require("@mattermost/compass-icons/components/filter-variant.js"),q=__q?.default??__q,_=require("../channel-sidebar-item/ChannelSidebarItem.cjs"),m=require("../more-unreads-banner/MoreUnreadsBanner.cjs"),f=require("../icon-button/IconButton.cjs"),b=require("../icon/Icon.cjs"),S=require("../scrollbar/Scrollbar.cjs"),I=require("./channelsSidebarModel.cjs"),a=require("./ChannelsSidebar.module.scss.cjs");function $(n,t,r){const i=s=>({...s,active:t===void 0?s.active:s.name===t,onClick:r?()=>r(s.name):s.onClick});return{topGroupItems:n.topGroupItems.map(i),groups:n.groups.map(s=>({...s,items:s.items.map(i)}))}}function p({teamName:n}){return e.jsxs("div",{className:a.default["channels-sidebar__header"],children:[e.jsxs("div",{className:a.default["channels-sidebar__team-dropdown"],children:[e.jsx("span",{className:a.default["channels-sidebar__team-name"],children:n}),e.jsx("span",{className:a.default["channels-sidebar__team-chevron"],children:e.jsx(j,{size:16})})]}),e.jsx(f.default,{"aria-label":"Add channels",size:"small",style:"inverted",padding:"compact",rounded:!0,icon:e.jsx(b.default,{size:"16",glyph:e.jsx(x,{})}),className:a.default["channels-sidebar__sidebar-icon-button"]})]})}function g({showFilter:n=!1}){return e.jsxs("div",{className:a.default["channels-sidebar__navigator"],children:[n&&e.jsx(f.default,{"aria-label":"Filter channels",size:"small",style:"inverted",padding:"compact",icon:e.jsx(b.default,{size:"16",glyph:e.jsx(q,{})}),className:a.default["channels-sidebar__sidebar-icon-button"]}),e.jsxs("div",{className:a.default["channels-sidebar__find-channels"],children:[e.jsx("span",{className:a.default["channels-sidebar__find-channels-icon"],children:e.jsx(C,{size:16})}),e.jsx("span",{className:a.default["channels-sidebar__find-channels-label"],children:"Find channels"})]})]})}function v({label:n,showChevron:t=!0,showPlusButton:r=!1,leadingIcon:i,sticky:s=!1,opaqueCategory:u=!1}){const d=!!i,o=t&&!d,h=[a.default["channels-sidebar__category"],d?a.default["channels-sidebar__category--with-leading-icon"]:"",u?a.default["channels-sidebar__category--opaque"]:"",!o&&!d?a.default["channels-sidebar__category--no-chevron"]:"",r?a.default["channels-sidebar__category--has-action"]:"",s?a.default["channels-sidebar__category--sticky"]:""].filter(Boolean).join(" ");return e.jsxs("div",{className:h,children:[e.jsxs("div",{className:a.default["channels-sidebar__category-left"],children:[d&&e.jsx("span",{className:a.default["channels-sidebar__category-leading-icon"],children:i}),o&&e.jsx("span",{className:a.default["channels-sidebar__category-chevron"],children:e.jsx(j,{size:12})}),e.jsx("span",{className:a.default["channels-sidebar__category-label"],children:n})]}),r&&e.jsx(f.default,{"aria-label":`New ${n.toLowerCase()}`,size:"x-small",style:"inverted",icon:e.jsx(b.default,{size:"12",glyph:e.jsx(x,{})})})]})}function w({teamName:n="Contributors",showFilter:t=!1,moreUnreadsAbove:r=!1,moreUnreadsBelow:i=!1,channelNameOverrides:s,activeChannelName:u,onItemClick:d,model:o}){const h=N.useMemo(()=>{const l=o??{topGroupItems:[],groups:[]},c=I.applyChannelNameOverrides(l,s);return $(c,u,d)},[o,s,u,d]);return e.jsxs("div",{className:a.default["channels-sidebar"],children:[e.jsx(p,{teamName:n}),e.jsx(g,{showFilter:t}),e.jsx("div",{className:a.default["channels-sidebar__top-group"],children:h.topGroupItems.map((l,c)=>e.jsx(_.default,{...l},`top-${c}-${l.name}`))}),e.jsxs("div",{className:a.default["channels-sidebar__scroll-view"],children:[e.jsx(S.default,{color:"--sidebar-text-rgb",children:e.jsx("div",{className:a.default["channels-sidebar__channel-groups"],children:h.groups.map(l=>e.jsxs("div",{className:a.default["channels-sidebar__channel-group"],children:[e.jsx(v,{label:l.category.label,showChevron:l.category.showChevron,showPlusButton:l.category.showPlusButton}),l.items.map((c,y)=>e.jsx(_.default,{...c},`${l.key}-${y}-${c.name}`))]},l.key))})}),r&&e.jsx(m.default,{direction:"up",className:`${a.default["channels-sidebar__more-unreads"]} ${a.default["channels-sidebar__more-unreads--above"]}`}),i&&e.jsx(m.default,{direction:"down",className:`${a.default["channels-sidebar__more-unreads"]} ${a.default["channels-sidebar__more-unreads--below"]}`})]})]})}exports.ChannelsSidebarCategory=v;exports.ChannelsSidebarHeader=p;exports.ChannelsSidebarNavigator=g;exports.default=w;
+//# sourceMappingURL=ChannelsSidebar.cjs.map

package/dist/components/channels-sidebar/ChannelsSidebar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelsSidebar.cjs","sources":["../../../src/components/channels-sidebar/ChannelsSidebar.tsx"],"sourcesContent":["import { useMemo, type ReactNode } from 'react';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport PlusIcon from '@mattermost/compass-icons/components/plus';\nimport MagnifyIcon from '@mattermost/compass-icons/components/magnify';\nimport FilterVariantIcon from '@mattermost/compass-icons/components/filter-variant';\nimport ChannelSidebarItem from '@/components/channel-sidebar-item/ChannelSidebarItem';\nimport MoreUnreadsBanner from '@/components/more-unreads-banner/MoreUnreadsBanner';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Icon from '@/components/icon/Icon';\nimport Scrollbar from '@/components/scrollbar/Scrollbar';\nimport {\n  applyChannelNameOverrides,\n  type ChannelsSidebarItemModel,\n  type ChannelsSidebarModel,\n} from './channelsSidebarModel';\nimport styles from './ChannelsSidebar.module.scss';\n\nfunction applyChannelSidebarInteractivity(\n  model: ChannelsSidebarModel,\n  activeChannelName: string | undefined,\n  onItemClick?: (name: string) => void,\n): ChannelsSidebarModel {\n  const mapRow = (row: ChannelsSidebarItemModel) => ({\n    ...row,\n    active:\n      activeChannelName === undefined\n        ? row.active\n        : row.name === activeChannelName,\n    onClick: onItemClick ? () => onItemClick(row.name) : row.onClick,\n  });\n  return {\n    topGroupItems: model.topGroupItems.map(mapRow),\n    groups: model.groups.map((g) => ({\n      ...g,\n      items: g.items.map(mapRow),\n    })),\n  };\n}\n\nexport interface ChannelsSidebarHeaderProps {\n  teamName: string;\n}\n\n/** Team row + Add control; same markup as the top of `ChannelsSidebar`. */\nexport function ChannelsSidebarHeader({ teamName }: ChannelsSidebarHeaderProps) {\n  return (\n    <div className={styles['channels-sidebar__header']}>\n      <div className={styles['channels-sidebar__team-dropdown']}>\n        <span className={styles['channels-sidebar__team-name']}>\n          {teamName}\n        </span>\n        <span className={styles['channels-sidebar__team-chevron']}>\n          <ChevronDownIcon size={16} />\n        </span>\n      </div>\n      <IconButton\n        aria-label=\"Add channels\"\n        size=\"small\"\n        style=\"inverted\"\n        padding=\"compact\"\n        rounded\n        icon={<Icon size=\"16\" glyph={<PlusIcon />} />}\n        className={styles['channels-sidebar__sidebar-icon-button']}\n      />\n    </div>\n  );\n}\n\nexport interface ChannelsSidebarNavigatorProps {\n  showFilter?: boolean;\n}\n\n/** Find channels row + optional unread filter control; same markup as `ChannelsSidebar`. */\nexport function ChannelsSidebarNavigator({\n  showFilter = false,\n}: ChannelsSidebarNavigatorProps) {\n  return (\n    <div className={styles['channels-sidebar__navigator']}>\n      {showFilter && (\n        <IconButton\n          aria-label=\"Filter channels\"\n          size=\"small\"\n          style=\"inverted\"\n          padding=\"compact\"\n          icon={<Icon size=\"16\" glyph={<FilterVariantIcon />} />}\n          className={styles['channels-sidebar__sidebar-icon-button']}\n        />\n      )}\n      <div className={styles['channels-sidebar__find-channels']}>\n        <span className={styles['channels-sidebar__find-channels-icon']}>\n          <MagnifyIcon size={16} />\n        </span>\n        <span className={styles['channels-sidebar__find-channels-label']}>\n          Find channels\n        </span>\n      </div>\n    </div>\n  );\n}\n\nexport interface ChannelsSidebarCategoryProps {\n  label: string;\n  showChevron?: boolean;\n  showPlusButton?: boolean;\n  /** When set, shown instead of the expand chevron (e.g. System Console categories). */\n  leadingIcon?: ReactNode;\n  /** Pin category row to the top of the scroll container while scrolling (e.g. first console section). */\n  sticky?: boolean;\n  /** Full-opacity label + leading icon (System Console categories). Default: toned like channel sidebar. */\n  opaqueCategory?: boolean;\n}\n\nexport function ChannelsSidebarCategory({\n  label,\n  showChevron = true,\n  showPlusButton = false,\n  leadingIcon,\n  sticky = false,\n  opaqueCategory = false,\n}: ChannelsSidebarCategoryProps) {\n  const hasLeadingIcon = Boolean(leadingIcon);\n  const showChevronRow = showChevron && !hasLeadingIcon;\n\n  const categoryClass = [\n    styles['channels-sidebar__category'],\n    hasLeadingIcon ? styles['channels-sidebar__category--with-leading-icon'] : '',\n    opaqueCategory ? styles['channels-sidebar__category--opaque'] : '',\n    !showChevronRow && !hasLeadingIcon\n      ? styles['channels-sidebar__category--no-chevron']\n      : '',\n    showPlusButton ? styles['channels-sidebar__category--has-action'] : '',\n    sticky ? styles['channels-sidebar__category--sticky'] : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={categoryClass}>\n      <div className={styles['channels-sidebar__category-left']}>\n        {hasLeadingIcon && (\n          <span className={styles['channels-sidebar__category-leading-icon']}>\n            {leadingIcon}\n          </span>\n        )}\n        {showChevronRow && (\n          <span className={styles['channels-sidebar__category-chevron']}>\n            <ChevronDownIcon size={12} />\n          </span>\n        )}\n        <span className={styles['channels-sidebar__category-label']}>\n          {label}\n        </span>\n      </div>\n      {showPlusButton && (\n        <IconButton\n          aria-label={`New ${label.toLowerCase()}`}\n          size=\"x-small\"\n          style=\"inverted\"\n          icon={<Icon size=\"12\" glyph={<PlusIcon />} />}\n        />\n      )}\n    </div>\n  );\n}\n\nexport interface ChannelsSidebarProps {\n  teamName?: string;\n  showUnreadsCategory?: boolean;\n  showFilter?: boolean;\n  showDialPad?: boolean;\n  moreUnreadsAbove?: boolean;\n  moreUnreadsBelow?: boolean;\n  /**\n   * Rename built-in channel/DM items without editing the model.\n   * Keys are the default names; values are the display names to use instead.\n   * Applies to `name` and `avatarAlt` on each item (same as the legacy hardcoded list).\n   */\n  channelNameOverrides?: Record<string, string>;\n  /**\n   * Match against **resolved** item names (after `channelNameOverrides`).\n   * Omit to keep each row’s fixture `active` value; pass `''` to clear selection.\n   */\n  activeChannelName?: string;\n  /** Receives the row's visible `name` (after overrides). */\n  onItemClick?: (name: string) => void;\n  avatarAikoTan?: string;\n  avatarArjunPatel?: string;\n  avatarDanielleOkoro?: string;\n  avatarDariusCole?: string;\n  avatarDavidLiang?: string;\n  avatarEmmaNovak?: string;\n  avatarEthanBrooks?: string;\n  /** When set, overrides the default channel tree (for per-prototype sidebars). */\n  model?: ChannelsSidebarModel;\n}\n\nexport default function ChannelsSidebar({\n  teamName = 'Contributors',\n  showFilter = false,\n  moreUnreadsAbove = false,\n  moreUnreadsBelow = false,\n  channelNameOverrides,\n  activeChannelName,\n  onItemClick,\n  model: modelProp,\n}: ChannelsSidebarProps) {\n  const model = useMemo(() => {\n    const baseModel = modelProp ?? { topGroupItems: [], groups: [] };\n    const withOverrides = applyChannelNameOverrides(baseModel, channelNameOverrides);\n    return applyChannelSidebarInteractivity(\n      withOverrides,\n      activeChannelName,\n      onItemClick,\n    );\n  }, [\n    modelProp,\n    channelNameOverrides,\n    activeChannelName,\n    onItemClick,\n  ]);\n\n  return (\n    <div className={styles['channels-sidebar']}>\n      <ChannelsSidebarHeader teamName={teamName} />\n      <ChannelsSidebarNavigator showFilter={showFilter} />\n\n      <div className={styles['channels-sidebar__top-group']}>\n        {model.topGroupItems.map((row, i) => (\n          <ChannelSidebarItem key={`top-${i}-${row.name}`} {...row} />\n        ))}\n      </div>\n\n      <div className={styles['channels-sidebar__scroll-view']}>\n        <Scrollbar color=\"--sidebar-text-rgb\">\n          <div className={styles['channels-sidebar__channel-groups']}>\n            {model.groups.map((group) => (\n              <div\n                key={group.key}\n                className={styles['channels-sidebar__channel-group']}\n              >\n                <ChannelsSidebarCategory\n                  label={group.category.label}\n                  showChevron={group.category.showChevron}\n                  showPlusButton={group.category.showPlusButton}\n                />\n                {group.items.map((row, index) => (\n                  <ChannelSidebarItem\n                    key={`${group.key}-${index}-${row.name}`}\n                    {...row}\n                  />\n                ))}\n              </div>\n            ))}\n          </div>\n        </Scrollbar>\n\n        {moreUnreadsAbove && (\n          <MoreUnreadsBanner\n            direction=\"up\"\n            className={`${styles['channels-sidebar__more-unreads']} ${styles['channels-sidebar__more-unreads--above']}`}\n          />\n        )}\n        {moreUnreadsBelow && (\n          <MoreUnreadsBanner\n            direction=\"down\"\n            className={`${styles['channels-sidebar__more-unreads']} ${styles['channels-sidebar__more-unreads--below']}`}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport type { ChannelsSidebarModel } from './channelsSidebarModel';\n"],"names":["applyChannelSidebarInteractivity","model","activeChannelName","onItemClick","mapRow","row","g","ChannelsSidebarHeader","teamName","jsxs","styles","jsx","ChevronDownIcon","IconButton","Icon","PlusIcon","ChannelsSidebarNavigator","showFilter","FilterVariantIcon","MagnifyIcon","ChannelsSidebarCategory","label","showChevron","showPlusButton","leadingIcon","sticky","opaqueCategory","hasLeadingIcon","showChevronRow","categoryClass","ChannelsSidebar","moreUnreadsAbove","moreUnreadsBelow","channelNameOverrides","modelProp","useMemo","baseModel","withOverrides","applyChannelNameOverrides","i","ChannelSidebarItem","Scrollbar","group","index","MoreUnreadsBanner"],"mappings":"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"}

package/dist/components/channels-sidebar/ChannelsSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelsSidebar.d.ts","sourceRoot":"","sources":["../../../src/components/channels-sidebar/ChannelsSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUhD,OAAO,EAGL,KAAK,oBAAoB,EAC1B,MAAM,wBAAwB,CAAC;AAyBhC,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,2EAA2E;AAC3E,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,EAAE,0BAA0B,2CAsB7E;AAED,MAAM,WAAW,6BAA6B;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,4FAA4F;AAC5F,wBAAgB,wBAAwB,CAAC,EACvC,UAAkB,GACnB,EAAE,6BAA6B,2CAuB/B;AAED,MAAM,WAAW,4BAA4B;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sFAAsF;IACtF,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,wGAAwG;IACxG,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,0GAA0G;IAC1G,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,WAAkB,EAClB,cAAsB,EACtB,WAAW,EACX,MAAc,EACd,cAAsB,GACvB,EAAE,4BAA4B,2CA4C9B;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2DAA2D;IAC3D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iFAAiF;IACjF,KAAK,CAAC,EAAE,oBAAoB,CAAC;CAC9B;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,QAAyB,EACzB,UAAkB,EAClB,gBAAwB,EACxB,gBAAwB,EACxB,oBAAoB,EACpB,iBAAiB,EACjB,WAAW,EACX,KAAK,EAAE,SAAS,GACjB,EAAE,oBAAoB,2CAkEtB;AAED,YAAY,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/channels-sidebar/ChannelsSidebar.js

@@ -0,0 +1,177 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { useMemo as N } from "react";
+import __y from "@mattermost/compass-icons/components/chevron-down.js";const y=__y&&__y.default?__y.default:__y;
+import __v from "@mattermost/compass-icons/components/plus.js";const v=__v&&__v.default?__v.default:__v;
+import __C from "@mattermost/compass-icons/components/magnify.js";const C=__C&&__C.default?__C.default:__C;
+import __I from "@mattermost/compass-icons/components/filter-variant.js";const I=__I&&__I.default?__I.default:__I;
+import u from "../channel-sidebar-item/ChannelSidebarItem.js";
+import f from "../more-unreads-banner/MoreUnreadsBanner.js";
+import b from "../icon-button/IconButton.js";
+import p from "../icon/Icon.js";
+import $ from "../scrollbar/Scrollbar.js";
+import { applyChannelNameOverrides as w } from "./channelsSidebarModel.js";
+import a from "./ChannelsSidebar.module.scss.js";
+function z(s, t, l) {
+  const c = (n) => ({
+    ...n,
+    active: t === void 0 ? n.active : n.name === t,
+    onClick: l ? () => l(n.name) : n.onClick
+  });
+  return {
+    topGroupItems: s.topGroupItems.map(c),
+    groups: s.groups.map((n) => ({
+      ...n,
+      items: n.items.map(c)
+    }))
+  };
+}
+function S({ teamName: s }) {
+  return /* @__PURE__ */ i("div", { className: a["channels-sidebar__header"], children: [
+    /* @__PURE__ */ i("div", { className: a["channels-sidebar__team-dropdown"], children: [
+      /* @__PURE__ */ e("span", { className: a["channels-sidebar__team-name"], children: s }),
+      /* @__PURE__ */ e("span", { className: a["channels-sidebar__team-chevron"], children: /* @__PURE__ */ e(y, { size: 16 }) })
+    ] }),
+    /* @__PURE__ */ e(
+      b,
+      {
+        "aria-label": "Add channels",
+        size: "small",
+        style: "inverted",
+        padding: "compact",
+        rounded: !0,
+        icon: /* @__PURE__ */ e(p, { size: "16", glyph: /* @__PURE__ */ e(v, {}) }),
+        className: a["channels-sidebar__sidebar-icon-button"]
+      }
+    )
+  ] });
+}
+function x({
+  showFilter: s = !1
+}) {
+  return /* @__PURE__ */ i("div", { className: a["channels-sidebar__navigator"], children: [
+    s && /* @__PURE__ */ e(
+      b,
+      {
+        "aria-label": "Filter channels",
+        size: "small",
+        style: "inverted",
+        padding: "compact",
+        icon: /* @__PURE__ */ e(p, { size: "16", glyph: /* @__PURE__ */ e(I, {}) }),
+        className: a["channels-sidebar__sidebar-icon-button"]
+      }
+    ),
+    /* @__PURE__ */ i("div", { className: a["channels-sidebar__find-channels"], children: [
+      /* @__PURE__ */ e("span", { className: a["channels-sidebar__find-channels-icon"], children: /* @__PURE__ */ e(C, { size: 16 }) }),
+      /* @__PURE__ */ e("span", { className: a["channels-sidebar__find-channels-label"], children: "Find channels" })
+    ] })
+  ] });
+}
+function B({
+  label: s,
+  showChevron: t = !0,
+  showPlusButton: l = !1,
+  leadingIcon: c,
+  sticky: n = !1,
+  opaqueCategory: m = !1
+}) {
+  const o = !!c, h = t && !o, _ = [
+    a["channels-sidebar__category"],
+    o ? a["channels-sidebar__category--with-leading-icon"] : "",
+    m ? a["channels-sidebar__category--opaque"] : "",
+    !h && !o ? a["channels-sidebar__category--no-chevron"] : "",
+    l ? a["channels-sidebar__category--has-action"] : "",
+    n ? a["channels-sidebar__category--sticky"] : ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ i("div", { className: _, children: [
+    /* @__PURE__ */ i("div", { className: a["channels-sidebar__category-left"], children: [
+      o && /* @__PURE__ */ e("span", { className: a["channels-sidebar__category-leading-icon"], children: c }),
+      h && /* @__PURE__ */ e("span", { className: a["channels-sidebar__category-chevron"], children: /* @__PURE__ */ e(y, { size: 12 }) }),
+      /* @__PURE__ */ e("span", { className: a["channels-sidebar__category-label"], children: s })
+    ] }),
+    l && /* @__PURE__ */ e(
+      b,
+      {
+        "aria-label": `New ${s.toLowerCase()}`,
+        size: "x-small",
+        style: "inverted",
+        icon: /* @__PURE__ */ e(p, { size: "12", glyph: /* @__PURE__ */ e(v, {}) })
+      }
+    )
+  ] });
+}
+function U({
+  teamName: s = "Contributors",
+  showFilter: t = !1,
+  moreUnreadsAbove: l = !1,
+  moreUnreadsBelow: c = !1,
+  channelNameOverrides: n,
+  activeChannelName: m,
+  onItemClick: o,
+  model: h
+}) {
+  const _ = N(() => {
+    const d = w(h ?? { topGroupItems: [], groups: [] }, n);
+    return z(
+      d,
+      m,
+      o
+    );
+  }, [
+    h,
+    n,
+    m,
+    o
+  ]);
+  return /* @__PURE__ */ i("div", { className: a["channels-sidebar"], children: [
+    /* @__PURE__ */ e(S, { teamName: s }),
+    /* @__PURE__ */ e(x, { showFilter: t }),
+    /* @__PURE__ */ e("div", { className: a["channels-sidebar__top-group"], children: _.topGroupItems.map((r, d) => /* @__PURE__ */ e(u, { ...r }, `top-${d}-${r.name}`)) }),
+    /* @__PURE__ */ i("div", { className: a["channels-sidebar__scroll-view"], children: [
+      /* @__PURE__ */ e($, { color: "--sidebar-text-rgb", children: /* @__PURE__ */ e("div", { className: a["channels-sidebar__channel-groups"], children: _.groups.map((r) => /* @__PURE__ */ i(
+        "div",
+        {
+          className: a["channels-sidebar__channel-group"],
+          children: [
+            /* @__PURE__ */ e(
+              B,
+              {
+                label: r.category.label,
+                showChevron: r.category.showChevron,
+                showPlusButton: r.category.showPlusButton
+              }
+            ),
+            r.items.map((d, g) => /* @__PURE__ */ e(
+              u,
+              {
+                ...d
+              },
+              `${r.key}-${g}-${d.name}`
+            ))
+          ]
+        },
+        r.key
+      )) }) }),
+      l && /* @__PURE__ */ e(
+        f,
+        {
+          direction: "up",
+          className: `${a["channels-sidebar__more-unreads"]} ${a["channels-sidebar__more-unreads--above"]}`
+        }
+      ),
+      c && /* @__PURE__ */ e(
+        f,
+        {
+          direction: "down",
+          className: `${a["channels-sidebar__more-unreads"]} ${a["channels-sidebar__more-unreads--below"]}`
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  B as ChannelsSidebarCategory,
+  S as ChannelsSidebarHeader,
+  x as ChannelsSidebarNavigator,
+  U as default
+};
+//# sourceMappingURL=ChannelsSidebar.js.map

package/dist/components/channels-sidebar/ChannelsSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelsSidebar.js","sources":["../../../src/components/channels-sidebar/ChannelsSidebar.tsx"],"sourcesContent":["import { useMemo, type ReactNode } from 'react';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport PlusIcon from '@mattermost/compass-icons/components/plus';\nimport MagnifyIcon from '@mattermost/compass-icons/components/magnify';\nimport FilterVariantIcon from '@mattermost/compass-icons/components/filter-variant';\nimport ChannelSidebarItem from '@/components/channel-sidebar-item/ChannelSidebarItem';\nimport MoreUnreadsBanner from '@/components/more-unreads-banner/MoreUnreadsBanner';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Icon from '@/components/icon/Icon';\nimport Scrollbar from '@/components/scrollbar/Scrollbar';\nimport {\n  applyChannelNameOverrides,\n  type ChannelsSidebarItemModel,\n  type ChannelsSidebarModel,\n} from './channelsSidebarModel';\nimport styles from './ChannelsSidebar.module.scss';\n\nfunction applyChannelSidebarInteractivity(\n  model: ChannelsSidebarModel,\n  activeChannelName: string | undefined,\n  onItemClick?: (name: string) => void,\n): ChannelsSidebarModel {\n  const mapRow = (row: ChannelsSidebarItemModel) => ({\n    ...row,\n    active:\n      activeChannelName === undefined\n        ? row.active\n        : row.name === activeChannelName,\n    onClick: onItemClick ? () => onItemClick(row.name) : row.onClick,\n  });\n  return {\n    topGroupItems: model.topGroupItems.map(mapRow),\n    groups: model.groups.map((g) => ({\n      ...g,\n      items: g.items.map(mapRow),\n    })),\n  };\n}\n\nexport interface ChannelsSidebarHeaderProps {\n  teamName: string;\n}\n\n/** Team row + Add control; same markup as the top of `ChannelsSidebar`. */\nexport function ChannelsSidebarHeader({ teamName }: ChannelsSidebarHeaderProps) {\n  return (\n    <div className={styles['channels-sidebar__header']}>\n      <div className={styles['channels-sidebar__team-dropdown']}>\n        <span className={styles['channels-sidebar__team-name']}>\n          {teamName}\n        </span>\n        <span className={styles['channels-sidebar__team-chevron']}>\n          <ChevronDownIcon size={16} />\n        </span>\n      </div>\n      <IconButton\n        aria-label=\"Add channels\"\n        size=\"small\"\n        style=\"inverted\"\n        padding=\"compact\"\n        rounded\n        icon={<Icon size=\"16\" glyph={<PlusIcon />} />}\n        className={styles['channels-sidebar__sidebar-icon-button']}\n      />\n    </div>\n  );\n}\n\nexport interface ChannelsSidebarNavigatorProps {\n  showFilter?: boolean;\n}\n\n/** Find channels row + optional unread filter control; same markup as `ChannelsSidebar`. */\nexport function ChannelsSidebarNavigator({\n  showFilter = false,\n}: ChannelsSidebarNavigatorProps) {\n  return (\n    <div className={styles['channels-sidebar__navigator']}>\n      {showFilter && (\n        <IconButton\n          aria-label=\"Filter channels\"\n          size=\"small\"\n          style=\"inverted\"\n          padding=\"compact\"\n          icon={<Icon size=\"16\" glyph={<FilterVariantIcon />} />}\n          className={styles['channels-sidebar__sidebar-icon-button']}\n        />\n      )}\n      <div className={styles['channels-sidebar__find-channels']}>\n        <span className={styles['channels-sidebar__find-channels-icon']}>\n          <MagnifyIcon size={16} />\n        </span>\n        <span className={styles['channels-sidebar__find-channels-label']}>\n          Find channels\n        </span>\n      </div>\n    </div>\n  );\n}\n\nexport interface ChannelsSidebarCategoryProps {\n  label: string;\n  showChevron?: boolean;\n  showPlusButton?: boolean;\n  /** When set, shown instead of the expand chevron (e.g. System Console categories). */\n  leadingIcon?: ReactNode;\n  /** Pin category row to the top of the scroll container while scrolling (e.g. first console section). */\n  sticky?: boolean;\n  /** Full-opacity label + leading icon (System Console categories). Default: toned like channel sidebar. */\n  opaqueCategory?: boolean;\n}\n\nexport function ChannelsSidebarCategory({\n  label,\n  showChevron = true,\n  showPlusButton = false,\n  leadingIcon,\n  sticky = false,\n  opaqueCategory = false,\n}: ChannelsSidebarCategoryProps) {\n  const hasLeadingIcon = Boolean(leadingIcon);\n  const showChevronRow = showChevron && !hasLeadingIcon;\n\n  const categoryClass = [\n    styles['channels-sidebar__category'],\n    hasLeadingIcon ? styles['channels-sidebar__category--with-leading-icon'] : '',\n    opaqueCategory ? styles['channels-sidebar__category--opaque'] : '',\n    !showChevronRow && !hasLeadingIcon\n      ? styles['channels-sidebar__category--no-chevron']\n      : '',\n    showPlusButton ? styles['channels-sidebar__category--has-action'] : '',\n    sticky ? styles['channels-sidebar__category--sticky'] : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={categoryClass}>\n      <div className={styles['channels-sidebar__category-left']}>\n        {hasLeadingIcon && (\n          <span className={styles['channels-sidebar__category-leading-icon']}>\n            {leadingIcon}\n          </span>\n        )}\n        {showChevronRow && (\n          <span className={styles['channels-sidebar__category-chevron']}>\n            <ChevronDownIcon size={12} />\n          </span>\n        )}\n        <span className={styles['channels-sidebar__category-label']}>\n          {label}\n        </span>\n      </div>\n      {showPlusButton && (\n        <IconButton\n          aria-label={`New ${label.toLowerCase()}`}\n          size=\"x-small\"\n          style=\"inverted\"\n          icon={<Icon size=\"12\" glyph={<PlusIcon />} />}\n        />\n      )}\n    </div>\n  );\n}\n\nexport interface ChannelsSidebarProps {\n  teamName?: string;\n  showUnreadsCategory?: boolean;\n  showFilter?: boolean;\n  showDialPad?: boolean;\n  moreUnreadsAbove?: boolean;\n  moreUnreadsBelow?: boolean;\n  /**\n   * Rename built-in channel/DM items without editing the model.\n   * Keys are the default names; values are the display names to use instead.\n   * Applies to `name` and `avatarAlt` on each item (same as the legacy hardcoded list).\n   */\n  channelNameOverrides?: Record<string, string>;\n  /**\n   * Match against **resolved** item names (after `channelNameOverrides`).\n   * Omit to keep each row’s fixture `active` value; pass `''` to clear selection.\n   */\n  activeChannelName?: string;\n  /** Receives the row's visible `name` (after overrides). */\n  onItemClick?: (name: string) => void;\n  avatarAikoTan?: string;\n  avatarArjunPatel?: string;\n  avatarDanielleOkoro?: string;\n  avatarDariusCole?: string;\n  avatarDavidLiang?: string;\n  avatarEmmaNovak?: string;\n  avatarEthanBrooks?: string;\n  /** When set, overrides the default channel tree (for per-prototype sidebars). */\n  model?: ChannelsSidebarModel;\n}\n\nexport default function ChannelsSidebar({\n  teamName = 'Contributors',\n  showFilter = false,\n  moreUnreadsAbove = false,\n  moreUnreadsBelow = false,\n  channelNameOverrides,\n  activeChannelName,\n  onItemClick,\n  model: modelProp,\n}: ChannelsSidebarProps) {\n  const model = useMemo(() => {\n    const baseModel = modelProp ?? { topGroupItems: [], groups: [] };\n    const withOverrides = applyChannelNameOverrides(baseModel, channelNameOverrides);\n    return applyChannelSidebarInteractivity(\n      withOverrides,\n      activeChannelName,\n      onItemClick,\n    );\n  }, [\n    modelProp,\n    channelNameOverrides,\n    activeChannelName,\n    onItemClick,\n  ]);\n\n  return (\n    <div className={styles['channels-sidebar']}>\n      <ChannelsSidebarHeader teamName={teamName} />\n      <ChannelsSidebarNavigator showFilter={showFilter} />\n\n      <div className={styles['channels-sidebar__top-group']}>\n        {model.topGroupItems.map((row, i) => (\n          <ChannelSidebarItem key={`top-${i}-${row.name}`} {...row} />\n        ))}\n      </div>\n\n      <div className={styles['channels-sidebar__scroll-view']}>\n        <Scrollbar color=\"--sidebar-text-rgb\">\n          <div className={styles['channels-sidebar__channel-groups']}>\n            {model.groups.map((group) => (\n              <div\n                key={group.key}\n                className={styles['channels-sidebar__channel-group']}\n              >\n                <ChannelsSidebarCategory\n                  label={group.category.label}\n                  showChevron={group.category.showChevron}\n                  showPlusButton={group.category.showPlusButton}\n                />\n                {group.items.map((row, index) => (\n                  <ChannelSidebarItem\n                    key={`${group.key}-${index}-${row.name}`}\n                    {...row}\n                  />\n                ))}\n              </div>\n            ))}\n          </div>\n        </Scrollbar>\n\n        {moreUnreadsAbove && (\n          <MoreUnreadsBanner\n            direction=\"up\"\n            className={`${styles['channels-sidebar__more-unreads']} ${styles['channels-sidebar__more-unreads--above']}`}\n          />\n        )}\n        {moreUnreadsBelow && (\n          <MoreUnreadsBanner\n            direction=\"down\"\n            className={`${styles['channels-sidebar__more-unreads']} ${styles['channels-sidebar__more-unreads--below']}`}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport type { ChannelsSidebarModel } from './channelsSidebarModel';\n"],"names":["applyChannelSidebarInteractivity","model","activeChannelName","onItemClick","mapRow","row","g","ChannelsSidebarHeader","teamName","jsxs","styles","jsx","ChevronDownIcon","IconButton","Icon","PlusIcon","ChannelsSidebarNavigator","showFilter","FilterVariantIcon","MagnifyIcon","ChannelsSidebarCategory","label","showChevron","showPlusButton","leadingIcon","sticky","opaqueCategory","hasLeadingIcon","showChevronRow","categoryClass","ChannelsSidebar","moreUnreadsAbove","moreUnreadsBelow","channelNameOverrides","modelProp","useMemo","withOverrides","applyChannelNameOverrides","i","ChannelSidebarItem","Scrollbar","group","index","MoreUnreadsBanner"],"mappings":"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"}

package/dist/components/channels-sidebar/ChannelsSidebar.module.css

@@ -0,0 +1 @@
+._channels-sidebar_5crxb_2{position:relative;display:flex;flex-direction:column;width:264px;height:768px;background:var(--sidebar-bg);overflow:hidden}._channels-sidebar--header-preview_5crxb_12,._channels-sidebar--navigator-preview_5crxb_19{height:auto;min-height:0}._channels-sidebar__sidebar-icon-button_5crxb_23{background:rgba(var(--sidebar-text-rgb),.08)!important}._channels-sidebar__sidebar-icon-button_5crxb_23:hover{background:rgba(var(--sidebar-text-rgb),.12)!important}._channels-sidebar__header_5crxb_29{display:flex;align-items:center;justify-content:space-between;padding:14px var(--spacing-l);flex-shrink:0}._channels-sidebar__team-dropdown_5crxb_36{display:flex;align-items:center;gap:0;padding:2px var(--spacing-xxxxs) 2px var(--spacing-xs);border-radius:var(--radius-s);cursor:pointer;max-width:174px}._channels-sidebar__team-dropdown_5crxb_36:hover{background:var(--sidebar-text-hover-bg)}._channels-sidebar__team-name_5crxb_48{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(--sidebar-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._channels-sidebar__team-chevron_5crxb_58{display:flex;align-items:center;flex-shrink:0;color:var(--sidebar-text)}._channels-sidebar__navigator_5crxb_64{display:flex;align-items:center;gap:var(--spacing-xxxs);padding:0 var(--spacing-l) var(--spacing-l);flex-shrink:0}._channels-sidebar__find-channels_5crxb_71{display:flex;align-items:center;flex:1;gap:var(--spacing-xs);min-width:0;padding:var(--spacing-xxs) var(--spacing-xs);border-radius:var(--radius-s);background:rgba(var(--sidebar-text-rgb),.08);cursor:text}._channels-sidebar__find-channels-icon_5crxb_82{display:flex;align-items:center;flex-shrink:0;color:var(--sidebar-text);opacity:.64}._channels-sidebar__find-channels-label_5crxb_89{font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-75);letter-spacing:.02em;color:var(--sidebar-text);opacity:.72;white-space:nowrap}._channels-sidebar__top-group_5crxb_99{display:flex;flex-direction:column;flex-shrink:0;padding-bottom:var(--spacing-xs)}._channels-sidebar__scroll-view_5crxb_105{position:relative;display:flex;flex-direction:column;flex:1;min-height:0}._channels-sidebar__channel-groups_5crxb_112{display:flex;flex-direction:column;gap:var(--spacing-xs);flex-shrink:0}._channels-sidebar__channel-group_5crxb_112{display:flex;flex-direction:column}._channels-sidebar__category_5crxb_122{display:flex;align-items:center;height:32px;padding:var(--spacing-xxxs) var(--spacing-l) var(--spacing-xxxs) var(--spacing-xs);flex-shrink:0;gap:var(--spacing-xxxxs);cursor:pointer}._channels-sidebar__category--with-leading-icon_5crxb_132{padding:var(--spacing-xxxs) var(--spacing-xl)}._channels-sidebar__category--sticky_5crxb_135{position:sticky;top:0;z-index:1;background:var(--sidebar-bg)}._channels-sidebar__category--no-chevron_5crxb_141{padding-left:22px}._channels-sidebar__category--has-action_5crxb_144{padding-right:var(--spacing-l)}._channels-sidebar__category-left_5crxb_147{display:flex;align-items:center;flex:1;min-width:0;gap:var(--spacing-xxxxs)}._channels-sidebar__category-leading-icon_5crxb_154{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:12px;height:12px;color:var(--sidebar-text)}._channels-sidebar__category--with-leading-icon_5crxb_132 ._channels-sidebar__category-left_5crxb_147{gap:var(--spacing-xxxs)}._channels-sidebar__category--with-leading-icon_5crxb_132 ._channels-sidebar__category-leading-icon_5crxb_154{opacity:.64}._channels-sidebar__category--opaque_5crxb_175 ._channels-sidebar__category-label_5crxb_175,._channels-sidebar__category--opaque_5crxb_175 ._channels-sidebar__category-leading-icon_5crxb_154{opacity:1}._channels-sidebar__category-chevron_5crxb_181{display:flex;align-items:center;flex-shrink:0;color:var(--sidebar-text);opacity:.75}._channels-sidebar__category-label_5crxb_175{font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75);letter-spacing:.02em;text-transform:uppercase;color:var(--sidebar-text);opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._channels-sidebar__more-unreads_5crxb_201{position:absolute;left:var(--spacing-s);right:var(--spacing-s);z-index:1}._channels-sidebar__more-unreads--above_5crxb_207{top:var(--spacing-s)}._channels-sidebar__more-unreads--below_5crxb_210{bottom:var(--spacing-s)}

package/dist/components/channels-sidebar/ChannelsSidebar.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ChannelsSidebar.module.css');const e={"channels-sidebar":"_channels-sidebar_5crxb_2","channels-sidebar--header-preview":"_channels-sidebar--header-preview_5crxb_12","channels-sidebar--navigator-preview":"_channels-sidebar--navigator-preview_5crxb_19","channels-sidebar__sidebar-icon-button":"_channels-sidebar__sidebar-icon-button_5crxb_23","channels-sidebar__header":"_channels-sidebar__header_5crxb_29","channels-sidebar__team-dropdown":"_channels-sidebar__team-dropdown_5crxb_36","channels-sidebar__team-name":"_channels-sidebar__team-name_5crxb_48","channels-sidebar__team-chevron":"_channels-sidebar__team-chevron_5crxb_58","channels-sidebar__navigator":"_channels-sidebar__navigator_5crxb_64","channels-sidebar__find-channels":"_channels-sidebar__find-channels_5crxb_71","channels-sidebar__find-channels-icon":"_channels-sidebar__find-channels-icon_5crxb_82","channels-sidebar__find-channels-label":"_channels-sidebar__find-channels-label_5crxb_89","channels-sidebar__top-group":"_channels-sidebar__top-group_5crxb_99","channels-sidebar__scroll-view":"_channels-sidebar__scroll-view_5crxb_105","channels-sidebar__channel-groups":"_channels-sidebar__channel-groups_5crxb_112","channels-sidebar__channel-group":"_channels-sidebar__channel-group_5crxb_112","channels-sidebar__category":"_channels-sidebar__category_5crxb_122","channels-sidebar__category--with-leading-icon":"_channels-sidebar__category--with-leading-icon_5crxb_132","channels-sidebar__category--sticky":"_channels-sidebar__category--sticky_5crxb_135","channels-sidebar__category--no-chevron":"_channels-sidebar__category--no-chevron_5crxb_141","channels-sidebar__category--has-action":"_channels-sidebar__category--has-action_5crxb_144","channels-sidebar__category-left":"_channels-sidebar__category-left_5crxb_147","channels-sidebar__category-leading-icon":"_channels-sidebar__category-leading-icon_5crxb_154","channels-sidebar__category--opaque":"_channels-sidebar__category--opaque_5crxb_175","channels-sidebar__category-label":"_channels-sidebar__category-label_5crxb_175","channels-sidebar__category-chevron":"_channels-sidebar__category-chevron_5crxb_181","channels-sidebar__more-unreads":"_channels-sidebar__more-unreads_5crxb_201","channels-sidebar__more-unreads--above":"_channels-sidebar__more-unreads--above_5crxb_207","channels-sidebar__more-unreads--below":"_channels-sidebar__more-unreads--below_5crxb_210"};exports.default=e;
+//# sourceMappingURL=ChannelsSidebar.module.scss.cjs.map

package/dist/components/channels-sidebar/ChannelsSidebar.module.scss.cjs.map

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

package/dist/components/channels-sidebar/ChannelsSidebar.module.scss.js

@@ -0,0 +1,35 @@
+import './ChannelsSidebar.module.css';const e = {
+  "channels-sidebar": "_channels-sidebar_5crxb_2",
+  "channels-sidebar--header-preview": "_channels-sidebar--header-preview_5crxb_12",
+  "channels-sidebar--navigator-preview": "_channels-sidebar--navigator-preview_5crxb_19",
+  "channels-sidebar__sidebar-icon-button": "_channels-sidebar__sidebar-icon-button_5crxb_23",
+  "channels-sidebar__header": "_channels-sidebar__header_5crxb_29",
+  "channels-sidebar__team-dropdown": "_channels-sidebar__team-dropdown_5crxb_36",
+  "channels-sidebar__team-name": "_channels-sidebar__team-name_5crxb_48",
+  "channels-sidebar__team-chevron": "_channels-sidebar__team-chevron_5crxb_58",
+  "channels-sidebar__navigator": "_channels-sidebar__navigator_5crxb_64",
+  "channels-sidebar__find-channels": "_channels-sidebar__find-channels_5crxb_71",
+  "channels-sidebar__find-channels-icon": "_channels-sidebar__find-channels-icon_5crxb_82",
+  "channels-sidebar__find-channels-label": "_channels-sidebar__find-channels-label_5crxb_89",
+  "channels-sidebar__top-group": "_channels-sidebar__top-group_5crxb_99",
+  "channels-sidebar__scroll-view": "_channels-sidebar__scroll-view_5crxb_105",
+  "channels-sidebar__channel-groups": "_channels-sidebar__channel-groups_5crxb_112",
+  "channels-sidebar__channel-group": "_channels-sidebar__channel-group_5crxb_112",
+  "channels-sidebar__category": "_channels-sidebar__category_5crxb_122",
+  "channels-sidebar__category--with-leading-icon": "_channels-sidebar__category--with-leading-icon_5crxb_132",
+  "channels-sidebar__category--sticky": "_channels-sidebar__category--sticky_5crxb_135",
+  "channels-sidebar__category--no-chevron": "_channels-sidebar__category--no-chevron_5crxb_141",
+  "channels-sidebar__category--has-action": "_channels-sidebar__category--has-action_5crxb_144",
+  "channels-sidebar__category-left": "_channels-sidebar__category-left_5crxb_147",
+  "channels-sidebar__category-leading-icon": "_channels-sidebar__category-leading-icon_5crxb_154",
+  "channels-sidebar__category--opaque": "_channels-sidebar__category--opaque_5crxb_175",
+  "channels-sidebar__category-label": "_channels-sidebar__category-label_5crxb_175",
+  "channels-sidebar__category-chevron": "_channels-sidebar__category-chevron_5crxb_181",
+  "channels-sidebar__more-unreads": "_channels-sidebar__more-unreads_5crxb_201",
+  "channels-sidebar__more-unreads--above": "_channels-sidebar__more-unreads--above_5crxb_207",
+  "channels-sidebar__more-unreads--below": "_channels-sidebar__more-unreads--below_5crxb_210"
+};
+export {
+  e as default
+};
+//# sourceMappingURL=ChannelsSidebar.module.scss.js.map

package/dist/components/channels-sidebar/ChannelsSidebar.module.scss.js.map

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

package/dist/components/channels-sidebar/channelsSidebarModel.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function n(a,e){if(!e||Object.keys(e).length===0)return a;const p=t=>e[t]??t,r=t=>({...t,name:p(t.name),avatarAlt:t.avatarAlt!=null?p(t.avatarAlt):t.avatarAlt});return{topGroupItems:a.topGroupItems.map(r),groups:a.groups.map(t=>({...t,items:t.items.map(r)}))}}exports.applyChannelNameOverrides=n;
+//# sourceMappingURL=channelsSidebarModel.cjs.map

package/dist/components/channels-sidebar/channelsSidebarModel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"channelsSidebarModel.cjs","sources":["../../../src/components/channels-sidebar/channelsSidebarModel.ts"],"sourcesContent":["import type { ChannelSidebarItemProps } from '@/components/channel-sidebar-item/ChannelSidebarItem';\n\nexport type ChannelsSidebarItemModel = Pick<\n  ChannelSidebarItemProps,\n  | 'name'\n  | 'leadingVisual'\n  | 'active'\n  | 'status'\n  | 'mentionCount'\n  | 'memberCount'\n  | 'avatarSrc'\n  | 'avatarAlt'\n  | 'showAvatarStatus'\n  | 'onClick'\n>;\n\nexport interface ChannelsSidebarCategoryModel {\n  label: string;\n  showChevron?: boolean;\n  showPlusButton?: boolean;\n}\n\nexport interface ChannelsSidebarGroupModel {\n  key: string;\n  category: ChannelsSidebarCategoryModel;\n  items: ChannelsSidebarItemModel[];\n}\n\nexport interface ChannelsSidebarModel {\n  topGroupItems: ChannelsSidebarItemModel[];\n  groups: ChannelsSidebarGroupModel[];\n}\n\n/**\n * Applies per-page display renames (keys = default names from the model) to\n * `name` and `avatarAlt` on each row, matching pre-model `channelNameOverrides` behavior.\n */\nexport function applyChannelNameOverrides(\n  model: ChannelsSidebarModel,\n  channelNameOverrides?: Record<string, string>,\n): ChannelsSidebarModel {\n  if (!channelNameOverrides || Object.keys(channelNameOverrides).length === 0) {\n    return model;\n  }\n\n  const resolve = (s: string) => channelNameOverrides[s] ?? s;\n\n  const mapRow = (row: ChannelsSidebarItemModel): ChannelsSidebarItemModel => ({\n    ...row,\n    name: resolve(row.name),\n    avatarAlt: row.avatarAlt != null ? resolve(row.avatarAlt) : row.avatarAlt,\n  });\n\n  return {\n    topGroupItems: model.topGroupItems.map(mapRow),\n    groups: model.groups.map((g) => ({\n      ...g,\n      items: g.items.map(mapRow),\n    })),\n  };\n}\n"],"names":["applyChannelNameOverrides","model","channelNameOverrides","resolve","s","mapRow","row","g"],"mappings":"gFAqCO,SAASA,EACdC,EACAC,EACsB,CACtB,GAAI,CAACA,GAAwB,OAAO,KAAKA,CAAoB,EAAE,SAAW,EACxE,OAAOD,EAGT,MAAME,EAAWC,GAAcF,EAAqBE,CAAC,GAAKA,EAEpDC,EAAUC,IAA6D,CAC3E,GAAGA,EACH,KAAMH,EAAQG,EAAI,IAAI,EACtB,UAAWA,EAAI,WAAa,KAAOH,EAAQG,EAAI,SAAS,EAAIA,EAAI,SAAA,GAGlE,MAAO,CACL,cAAeL,EAAM,cAAc,IAAII,CAAM,EAC7C,OAAQJ,EAAM,OAAO,IAAKM,IAAO,CAC/B,GAAGA,EACH,MAAOA,EAAE,MAAM,IAAIF,CAAM,CAAA,EACzB,CAAA,CAEN"}

package/dist/components/channels-sidebar/channelsSidebarModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"channelsSidebarModel.d.ts","sourceRoot":"","sources":["../../../src/components/channels-sidebar/channelsSidebarModel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,oDAAoD,CAAC;AAElG,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,uBAAuB,EACrB,MAAM,GACN,eAAe,GACf,QAAQ,GACR,QAAQ,GACR,cAAc,GACd,aAAa,GACb,WAAW,GACX,WAAW,GACX,kBAAkB,GAClB,SAAS,CACZ,CAAC;AAEF,MAAM,WAAW,4BAA4B;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,yBAAyB;IACxC,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,4BAA4B,CAAC;IACvC,KAAK,EAAE,wBAAwB,EAAE,CAAC;CACnC;AAED,MAAM,WAAW,oBAAoB;IACnC,aAAa,EAAE,wBAAwB,EAAE,CAAC;IAC1C,MAAM,EAAE,yBAAyB,EAAE,CAAC;CACrC;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,oBAAoB,EAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC5C,oBAAoB,CAoBtB"}

package/dist/components/channels-sidebar/channelsSidebarModel.js

@@ -0,0 +1,20 @@
+function r(a, p) {
+  if (!p || Object.keys(p).length === 0)
+    return a;
+  const e = (t) => p[t] ?? t, n = (t) => ({
+    ...t,
+    name: e(t.name),
+    avatarAlt: t.avatarAlt != null ? e(t.avatarAlt) : t.avatarAlt
+  });
+  return {
+    topGroupItems: a.topGroupItems.map(n),
+    groups: a.groups.map((t) => ({
+      ...t,
+      items: t.items.map(n)
+    }))
+  };
+}
+export {
+  r as applyChannelNameOverrides
+};
+//# sourceMappingURL=channelsSidebarModel.js.map

package/dist/components/channels-sidebar/channelsSidebarModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"channelsSidebarModel.js","sources":["../../../src/components/channels-sidebar/channelsSidebarModel.ts"],"sourcesContent":["import type { ChannelSidebarItemProps } from '@/components/channel-sidebar-item/ChannelSidebarItem';\n\nexport type ChannelsSidebarItemModel = Pick<\n  ChannelSidebarItemProps,\n  | 'name'\n  | 'leadingVisual'\n  | 'active'\n  | 'status'\n  | 'mentionCount'\n  | 'memberCount'\n  | 'avatarSrc'\n  | 'avatarAlt'\n  | 'showAvatarStatus'\n  | 'onClick'\n>;\n\nexport interface ChannelsSidebarCategoryModel {\n  label: string;\n  showChevron?: boolean;\n  showPlusButton?: boolean;\n}\n\nexport interface ChannelsSidebarGroupModel {\n  key: string;\n  category: ChannelsSidebarCategoryModel;\n  items: ChannelsSidebarItemModel[];\n}\n\nexport interface ChannelsSidebarModel {\n  topGroupItems: ChannelsSidebarItemModel[];\n  groups: ChannelsSidebarGroupModel[];\n}\n\n/**\n * Applies per-page display renames (keys = default names from the model) to\n * `name` and `avatarAlt` on each row, matching pre-model `channelNameOverrides` behavior.\n */\nexport function applyChannelNameOverrides(\n  model: ChannelsSidebarModel,\n  channelNameOverrides?: Record<string, string>,\n): ChannelsSidebarModel {\n  if (!channelNameOverrides || Object.keys(channelNameOverrides).length === 0) {\n    return model;\n  }\n\n  const resolve = (s: string) => channelNameOverrides[s] ?? s;\n\n  const mapRow = (row: ChannelsSidebarItemModel): ChannelsSidebarItemModel => ({\n    ...row,\n    name: resolve(row.name),\n    avatarAlt: row.avatarAlt != null ? resolve(row.avatarAlt) : row.avatarAlt,\n  });\n\n  return {\n    topGroupItems: model.topGroupItems.map(mapRow),\n    groups: model.groups.map((g) => ({\n      ...g,\n      items: g.items.map(mapRow),\n    })),\n  };\n}\n"],"names":["applyChannelNameOverrides","model","channelNameOverrides","resolve","s","mapRow","row","g"],"mappings":"AAqCO,SAASA,EACdC,GACAC,GACsB;AACtB,MAAI,CAACA,KAAwB,OAAO,KAAKA,CAAoB,EAAE,WAAW;AACxE,WAAOD;AAGT,QAAME,IAAU,CAACC,MAAcF,EAAqBE,CAAC,KAAKA,GAEpDC,IAAS,CAACC,OAA6D;AAAA,IAC3E,GAAGA;AAAA,IACH,MAAMH,EAAQG,EAAI,IAAI;AAAA,IACtB,WAAWA,EAAI,aAAa,OAAOH,EAAQG,EAAI,SAAS,IAAIA,EAAI;AAAA,EAAA;AAGlE,SAAO;AAAA,IACL,eAAeL,EAAM,cAAc,IAAII,CAAM;AAAA,IAC7C,QAAQJ,EAAM,OAAO,IAAI,CAACM,OAAO;AAAA,MAC/B,GAAGA;AAAA,MACH,OAAOA,EAAE,MAAM,IAAIF,CAAM;AAAA,IAAA,EACzB;AAAA,EAAA;AAEN;"}

package/dist/components/channels-sidebar/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ChannelsSidebar.cjs"),a=require("./channelsSidebarModel.cjs"),n=require("./ChannelsSidebar.module.scss.cjs");exports.ChannelsSidebar=e.default;exports.ChannelsSidebarCategory=e.ChannelsSidebarCategory;exports.ChannelsSidebarHeader=e.ChannelsSidebarHeader;exports.ChannelsSidebarNavigator=e.ChannelsSidebarNavigator;exports.applyChannelNameOverrides=a.applyChannelNameOverrides;exports.channelsSidebarStyles=n.default;
+//# sourceMappingURL=index.cjs.map

package/dist/components/channels-sidebar/index.cjs.map

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

package/dist/components/channels-sidebar/index.d.ts

@@ -0,0 +1,6 @@
+export { default as ChannelsSidebar } from './ChannelsSidebar';
+export { ChannelsSidebarHeader, ChannelsSidebarNavigator, ChannelsSidebarCategory, } from './ChannelsSidebar';
+export type { ChannelsSidebarProps, ChannelsSidebarHeaderProps, ChannelsSidebarNavigatorProps, ChannelsSidebarCategoryProps, ChannelsSidebarModel, } from './ChannelsSidebar';
+export * from './channelsSidebarModel';
+export { default as channelsSidebarStyles } from './ChannelsSidebar.module.scss';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/channels-sidebar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/channels-sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EACL,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,GACxB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACV,oBAAoB,EACpB,0BAA0B,EAC1B,6BAA6B,EAC7B,4BAA4B,EAC5B,oBAAoB,GACrB,MAAM,mBAAmB,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/components/channels-sidebar/index.js

@@ -0,0 +1,12 @@
+import { default as r, ChannelsSidebarCategory as n, ChannelsSidebarHeader as l, ChannelsSidebarNavigator as d } from "./ChannelsSidebar.js";
+import { applyChannelNameOverrides as o } from "./channelsSidebarModel.js";
+import { default as i } from "./ChannelsSidebar.module.scss.js";
+export {
+  r as ChannelsSidebar,
+  n as ChannelsSidebarCategory,
+  l as ChannelsSidebarHeader,
+  d as ChannelsSidebarNavigator,
+  o as applyChannelNameOverrides,
+  i as channelsSidebarStyles
+};
+//# sourceMappingURL=index.js.map

package/dist/components/channels-sidebar/index.js.map

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

package/dist/components/checkbox/Checkbox.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),t=require("react"),v=require("../../hooks/use-controllable.cjs"),O=require("../icon/Icon.cjs"),__E=require("@mattermost/compass-icons/components/check.js"),E=__E?.default??__E,__M=require("@mattermost/compass-icons/components/minus.js"),M=__M?.default??__M,R=require("../../utils/string.cjs"),e=require("./Checkbox.module.scss.cjs"),S={small:"10",medium:"12",large:"16"},y={check:E,minus:M};function z({className:b="",indeterminate:n=!1,size:l="medium",valid:u=!0,children:a,id:x,checked:i,defaultChecked:r,disabled:f,onChange:m,...C}){const d=t.useRef(null),_=t.useId(),h=x??_,[k,p]=v.useControllable(i,r,m),c=n?"minus":k?"check":null;t.useEffect(()=>{const o=d.current;o&&(o.indeterminate=n)},[n]);const j=e.default[`checkbox--size-${R.toKebab(l)}`],I=u?"":e.default["checkbox--invalid"],g=n?e.default["checkbox--indeterminate"]:"",N=[e.default.checkbox,j,I,g,b].filter(Boolean).join(" "),q=S[l];return s.jsxs("label",{className:N,htmlFor:h,children:[s.jsx("input",{ref:d,id:h,type:"checkbox",className:e.default.checkbox__input,checked:i,defaultChecked:r,disabled:f,"aria-invalid":u?void 0:!0,onChange:p,...C}),s.jsx("span",{className:e.default.checkbox__box,children:c!==null&&(()=>{const o=y[c];return s.jsx("span",{className:e.default.checkbox__icon,children:s.jsx(O.default,{glyph:s.jsx(o,{}),size:q})},c)})()}),a!=null&&s.jsx("span",{className:e.default.checkbox__label,children:a})]})}exports.default=z;
+//# sourceMappingURL=Checkbox.cjs.map

package/dist/components/checkbox/Checkbox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.cjs","sources":["../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import type { InputHTMLAttributes } from 'react';\nimport { useRef, useEffect, useId } from 'react';\nimport { useControllable } from '@/hooks/use-controllable';\nimport Icon from '@/components/icon/Icon';\nimport type { IconSize } from '@/components/icon/Icon';\nimport type { ElementType } from 'react';\nimport CheckIcon from '@mattermost/compass-icons/components/check';\nimport MinusIcon from '@mattermost/compass-icons/components/minus';\nimport { toKebab } from '@/utils/string';\nimport styles from './Checkbox.module.scss';\n\nexport type CheckboxSize = 'small' | 'medium' | 'large';\n\nexport interface CheckboxProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'size' | 'type'\n> {\n  /** Optional CSS class name. */\n  className?: string;\n  /** When true, shows indeterminate (minus) state. Syncs to native input.indeterminate. */\n  indeterminate?: boolean;\n  /** Size variant. Figma: Small (12px), Medium (16px), Large (20px). Default: Medium. */\n  size?: CheckboxSize;\n  /** When false, uses error/destructive styling (red fill when checked). Default: true. */\n  valid?: boolean;\n  /** Label content. Rendered next to the checkbox. */\n  children?: React.ReactNode;\n}\n\n/** Icon size from design system scale for each checkbox size (fits inside box). */\nconst CHECKBOX_ICON_SIZE: Record<CheckboxSize, IconSize> = {\n  small: '10',\n  medium: '12',\n  large: '16',\n};\n\n/** Compass icon component per checked/indeterminate state. */\nconst ICON_COMPONENT: Record<'check' | 'minus', ElementType> = {\n  check: CheckIcon,\n  minus: MinusIcon,\n};\n\n/**\n * A Checkbox lets people pick any number of options from a set, or toggle a single setting\n * on or off. Each box represents one independent choice — pick none, some, or all.\n */\nexport default function Checkbox({\n  className = '',\n  indeterminate = false,\n  size = 'medium',\n  valid = true,\n  children,\n  id: idProp,\n  checked,\n  defaultChecked,\n  disabled,\n  onChange,\n  ...rest\n}: CheckboxProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const generatedId = useId();\n  const id = idProp ?? generatedId;\n  const [resolvedChecked, handleChange] = useControllable(\n    checked,\n    defaultChecked,\n    onChange,\n  );\n\n  const showingIcon = indeterminate\n    ? 'minus'\n    : resolvedChecked\n      ? 'check'\n      : null;\n\n  useEffect(() => {\n    const input = inputRef.current;\n    if (input) input.indeterminate = indeterminate;\n  }, [indeterminate]);\n\n  const sizeClass = styles[`checkbox--size-${toKebab(size)}`];\n  const invalidClass = valid ? '' : styles['checkbox--invalid'];\n  const indeterminateClass = indeterminate\n    ? styles['checkbox--indeterminate']\n    : '';\n\n  const rootClass = [\n    styles.checkbox,\n    sizeClass,\n    invalidClass,\n    indeterminateClass,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const iconSize = CHECKBOX_ICON_SIZE[size];\n\n  return (\n    <label className={rootClass} htmlFor={id}>\n      <input\n        ref={inputRef}\n        id={id}\n        type=\"checkbox\"\n        className={styles['checkbox__input']}\n        checked={checked}\n        defaultChecked={defaultChecked}\n        disabled={disabled}\n        aria-invalid={valid ? undefined : true}\n        onChange={handleChange}\n        {...rest}\n      />\n      <span className={styles['checkbox__box']}>\n        {showingIcon !== null &&\n          (() => {\n            const IconComponent = ICON_COMPONENT[showingIcon];\n            return (\n              <span key={showingIcon} className={styles['checkbox__icon']}>\n                <Icon glyph={<IconComponent />} size={iconSize} />\n              </span>\n            );\n          })()}\n      </span>\n      {children != null && (\n        <span className={styles['checkbox__label']}>{children}</span>\n      )}\n    </label>\n  );\n}\n"],"names":["CHECKBOX_ICON_SIZE","ICON_COMPONENT","CheckIcon","MinusIcon","Checkbox","className","indeterminate","size","valid","children","idProp","checked","defaultChecked","disabled","onChange","rest","inputRef","useRef","generatedId","useId","id","resolvedChecked","handleChange","useControllable","showingIcon","useEffect","input","sizeClass","styles","toKebab","invalidClass","indeterminateClass","rootClass","iconSize","jsxs","jsx","IconComponent","Icon"],"mappings":"2aA8BMA,EAAqD,CACzD,MAAO,KACP,OAAQ,KACR,MAAO,IACT,EAGMC,EAAyD,CAC7D,MAAOC,EACP,MAAOC,CACT,EAMA,SAAwBC,EAAS,CAC/B,UAAAC,EAAY,GACZ,cAAAC,EAAgB,GAChB,KAAAC,EAAO,SACP,MAAAC,EAAQ,GACR,SAAAC,EACA,GAAIC,EACJ,QAAAC,EACA,eAAAC,EACA,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAkB,CAChB,MAAMC,EAAWC,EAAAA,OAAyB,IAAI,EACxCC,EAAcC,EAAAA,MAAA,EACdC,EAAKV,GAAUQ,EACf,CAACG,EAAiBC,CAAY,EAAIC,EAAAA,gBACtCZ,EACAC,EACAE,CAAA,EAGIU,EAAclB,EAChB,QACAe,EACE,QACA,KAENI,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAQV,EAAS,QACnBU,MAAa,cAAgBpB,EACnC,EAAG,CAACA,CAAa,CAAC,EAElB,MAAMqB,EAAYC,EAAAA,QAAO,kBAAkBC,EAAAA,QAAQtB,CAAI,CAAC,EAAE,EACpDuB,EAAetB,EAAQ,GAAKoB,EAAAA,QAAO,mBAAmB,EACtDG,EAAqBzB,EACvBsB,UAAO,yBAAyB,EAChC,GAEEI,EAAY,CAChBJ,EAAAA,QAAO,SACPD,EACAG,EACAC,EACA1B,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEL4B,EAAWjC,EAAmBO,CAAI,EAExC,OACE2B,EAAAA,KAAC,QAAA,CAAM,UAAWF,EAAW,QAASZ,EACpC,SAAA,CAAAe,EAAAA,IAAC,QAAA,CACC,IAAKnB,EACL,GAAAI,EACA,KAAK,WACL,UAAWQ,EAAAA,QAAO,gBAClB,QAAAjB,EACA,eAAAC,EACA,SAAAC,EACA,eAAcL,EAAQ,OAAY,GAClC,SAAUc,EACT,GAAGP,CAAA,CAAA,EAENoB,MAAC,QAAK,UAAWP,EAAAA,QAAO,cACrB,SAAAJ,IAAgB,OACd,IAAM,CACL,MAAMY,EAAgBnC,EAAeuB,CAAW,EAChD,OACEW,EAAAA,IAAC,OAAA,CAAuB,UAAWP,EAAAA,QAAO,eACxC,SAAAO,MAACE,EAAAA,QAAA,CAAK,YAAQD,EAAA,CAAA,CAAc,EAAI,KAAMH,CAAA,CAAU,GADvCT,CAEX,CAEJ,IAAG,CACP,EACCf,GAAY,MACX0B,EAAAA,IAAC,OAAA,CAAK,UAAWP,EAAAA,QAAO,gBAAqB,SAAAnB,CAAA,CAAS,CAAA,EAE1D,CAEJ"}

package/dist/components/checkbox/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAWjD,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,MAAM,CAChB;IACC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yFAAyF;IACzF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uFAAuF;IACvF,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,yFAAyF;IACzF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAeD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,SAAc,EACd,aAAqB,EACrB,IAAe,EACf,KAAY,EACZ,QAAQ,EACR,EAAE,EAAE,MAAM,EACV,OAAO,EACP,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,aAAa,2CAqEf"}

package/dist/components/checkbox/Checkbox.js

@@ -0,0 +1,72 @@
+import { jsxs as v, jsx as e } from "react/jsx-runtime";
+import { useRef as E, useId as j, useEffect as y } from "react";
+import { useControllable as z } from "../../hooks/use-controllable.js";
+import B from "../icon/Icon.js";
+import __K from "@mattermost/compass-icons/components/check.js";const K=__K&&__K.default?__K.default:__K;
+import __M from "@mattermost/compass-icons/components/minus.js";const M=__M&&__M.default?__M.default:__M;
+import { toKebab as R } from "../../utils/string.js";
+import o from "./Checkbox.module.scss.js";
+const S = {
+  small: "10",
+  medium: "12",
+  large: "16"
+}, w = {
+  check: K,
+  minus: M
+};
+function A({
+  className: h = "",
+  indeterminate: n = !1,
+  size: t = "medium",
+  valid: l = !0,
+  children: i,
+  id: p,
+  checked: r,
+  defaultChecked: a,
+  disabled: f,
+  onChange: b,
+  ...C
+}) {
+  const m = E(null), x = j(), u = p ?? x, [d, k] = z(
+    r,
+    a,
+    b
+  ), c = n ? "minus" : d ? "check" : null;
+  y(() => {
+    const s = m.current;
+    s && (s.indeterminate = n);
+  }, [n]);
+  const _ = o[`checkbox--size-${R(t)}`], I = l ? "" : o["checkbox--invalid"], N = n ? o["checkbox--indeterminate"] : "", g = [
+    o.checkbox,
+    _,
+    I,
+    N,
+    h
+  ].filter(Boolean).join(" "), O = S[t];
+  return /* @__PURE__ */ v("label", { className: g, htmlFor: u, children: [
+    /* @__PURE__ */ e(
+      "input",
+      {
+        ref: m,
+        id: u,
+        type: "checkbox",
+        className: o.checkbox__input,
+        checked: r,
+        defaultChecked: a,
+        disabled: f,
+        "aria-invalid": l ? void 0 : !0,
+        onChange: k,
+        ...C
+      }
+    ),
+    /* @__PURE__ */ e("span", { className: o.checkbox__box, children: c !== null && (() => {
+      const s = w[c];
+      return /* @__PURE__ */ e("span", { className: o.checkbox__icon, children: /* @__PURE__ */ e(B, { glyph: /* @__PURE__ */ e(s, {}), size: O }) }, c);
+    })() }),
+    i != null && /* @__PURE__ */ e("span", { className: o.checkbox__label, children: i })
+  ] });
+}
+export {
+  A as default
+};
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import type { InputHTMLAttributes } from 'react';\nimport { useRef, useEffect, useId } from 'react';\nimport { useControllable } from '@/hooks/use-controllable';\nimport Icon from '@/components/icon/Icon';\nimport type { IconSize } from '@/components/icon/Icon';\nimport type { ElementType } from 'react';\nimport CheckIcon from '@mattermost/compass-icons/components/check';\nimport MinusIcon from '@mattermost/compass-icons/components/minus';\nimport { toKebab } from '@/utils/string';\nimport styles from './Checkbox.module.scss';\n\nexport type CheckboxSize = 'small' | 'medium' | 'large';\n\nexport interface CheckboxProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'size' | 'type'\n> {\n  /** Optional CSS class name. */\n  className?: string;\n  /** When true, shows indeterminate (minus) state. Syncs to native input.indeterminate. */\n  indeterminate?: boolean;\n  /** Size variant. Figma: Small (12px), Medium (16px), Large (20px). Default: Medium. */\n  size?: CheckboxSize;\n  /** When false, uses error/destructive styling (red fill when checked). Default: true. */\n  valid?: boolean;\n  /** Label content. Rendered next to the checkbox. */\n  children?: React.ReactNode;\n}\n\n/** Icon size from design system scale for each checkbox size (fits inside box). */\nconst CHECKBOX_ICON_SIZE: Record<CheckboxSize, IconSize> = {\n  small: '10',\n  medium: '12',\n  large: '16',\n};\n\n/** Compass icon component per checked/indeterminate state. */\nconst ICON_COMPONENT: Record<'check' | 'minus', ElementType> = {\n  check: CheckIcon,\n  minus: MinusIcon,\n};\n\n/**\n * A Checkbox lets people pick any number of options from a set, or toggle a single setting\n * on or off. Each box represents one independent choice — pick none, some, or all.\n */\nexport default function Checkbox({\n  className = '',\n  indeterminate = false,\n  size = 'medium',\n  valid = true,\n  children,\n  id: idProp,\n  checked,\n  defaultChecked,\n  disabled,\n  onChange,\n  ...rest\n}: CheckboxProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const generatedId = useId();\n  const id = idProp ?? generatedId;\n  const [resolvedChecked, handleChange] = useControllable(\n    checked,\n    defaultChecked,\n    onChange,\n  );\n\n  const showingIcon = indeterminate\n    ? 'minus'\n    : resolvedChecked\n      ? 'check'\n      : null;\n\n  useEffect(() => {\n    const input = inputRef.current;\n    if (input) input.indeterminate = indeterminate;\n  }, [indeterminate]);\n\n  const sizeClass = styles[`checkbox--size-${toKebab(size)}`];\n  const invalidClass = valid ? '' : styles['checkbox--invalid'];\n  const indeterminateClass = indeterminate\n    ? styles['checkbox--indeterminate']\n    : '';\n\n  const rootClass = [\n    styles.checkbox,\n    sizeClass,\n    invalidClass,\n    indeterminateClass,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const iconSize = CHECKBOX_ICON_SIZE[size];\n\n  return (\n    <label className={rootClass} htmlFor={id}>\n      <input\n        ref={inputRef}\n        id={id}\n        type=\"checkbox\"\n        className={styles['checkbox__input']}\n        checked={checked}\n        defaultChecked={defaultChecked}\n        disabled={disabled}\n        aria-invalid={valid ? undefined : true}\n        onChange={handleChange}\n        {...rest}\n      />\n      <span className={styles['checkbox__box']}>\n        {showingIcon !== null &&\n          (() => {\n            const IconComponent = ICON_COMPONENT[showingIcon];\n            return (\n              <span key={showingIcon} className={styles['checkbox__icon']}>\n                <Icon glyph={<IconComponent />} size={iconSize} />\n              </span>\n            );\n          })()}\n      </span>\n      {children != null && (\n        <span className={styles['checkbox__label']}>{children}</span>\n      )}\n    </label>\n  );\n}\n"],"names":["CHECKBOX_ICON_SIZE","ICON_COMPONENT","CheckIcon","MinusIcon","Checkbox","className","indeterminate","size","valid","children","idProp","checked","defaultChecked","disabled","onChange","rest","inputRef","useRef","generatedId","useId","id","resolvedChecked","handleChange","useControllable","showingIcon","useEffect","input","sizeClass","styles","toKebab","invalidClass","indeterminateClass","rootClass","iconSize","jsxs","jsx","IconComponent","Icon"],"mappings":";;;;;;;;AA8BA,MAAMA,IAAqD;AAAA,EACzD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACT,GAGMC,IAAyD;AAAA,EAC7D,OAAOC;AAAA,EACP,OAAOC;AACT;AAMA,SAAwBC,EAAS;AAAA,EAC/B,WAAAC,IAAY;AAAA,EACZ,eAAAC,IAAgB;AAAA,EAChB,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,IAAIC;AAAA,EACJ,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAkB;AAChB,QAAMC,IAAWC,EAAyB,IAAI,GACxCC,IAAcC,EAAA,GACdC,IAAKV,KAAUQ,GACf,CAACG,GAAiBC,CAAY,IAAIC;AAAA,IACtCZ;AAAA,IACAC;AAAA,IACAE;AAAA,EAAA,GAGIU,IAAclB,IAChB,UACAe,IACE,UACA;AAEN,EAAAI,EAAU,MAAM;AACd,UAAMC,IAAQV,EAAS;AACvB,IAAIU,QAAa,gBAAgBpB;AAAA,EACnC,GAAG,CAACA,CAAa,CAAC;AAElB,QAAMqB,IAAYC,EAAO,kBAAkBC,EAAQtB,CAAI,CAAC,EAAE,GACpDuB,IAAetB,IAAQ,KAAKoB,EAAO,mBAAmB,GACtDG,IAAqBzB,IACvBsB,EAAO,yBAAyB,IAChC,IAEEI,IAAY;AAAA,IAChBJ,EAAO;AAAA,IACPD;AAAA,IACAG;AAAA,IACAC;AAAA,IACA1B;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAEL4B,IAAWjC,EAAmBO,CAAI;AAExC,SACE,gBAAA2B,EAAC,SAAA,EAAM,WAAWF,GAAW,SAASZ,GACpC,UAAA;AAAA,IAAA,gBAAAe;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKnB;AAAA,QACL,IAAAI;AAAA,QACA,MAAK;AAAA,QACL,WAAWQ,EAAO;AAAA,QAClB,SAAAjB;AAAA,QACA,gBAAAC;AAAA,QACA,UAAAC;AAAA,QACA,gBAAcL,IAAQ,SAAY;AAAA,QAClC,UAAUc;AAAA,QACT,GAAGP;AAAA,MAAA;AAAA,IAAA;AAAA,IAEN,gBAAAoB,EAAC,UAAK,WAAWP,EAAO,eACrB,UAAAJ,MAAgB,SACd,MAAM;AACL,YAAMY,IAAgBnC,EAAeuB,CAAW;AAChD,aACE,gBAAAW,EAAC,QAAA,EAAuB,WAAWP,EAAO,gBACxC,UAAA,gBAAAO,EAACE,GAAA,EAAK,yBAAQD,GAAA,CAAA,CAAc,GAAI,MAAMH,EAAA,CAAU,KADvCT,CAEX;AAAA,IAEJ,KAAG,CACP;AAAA,IACCf,KAAY,QACX,gBAAA0B,EAAC,QAAA,EAAK,WAAWP,EAAO,iBAAqB,UAAAnB,EAAA,CAAS;AAAA,EAAA,GAE1D;AAEJ;"}

package/dist/components/checkbox/Checkbox.module.css

@@ -0,0 +1 @@
+@keyframes _checkbox-icon-enter_13j3t_1{0%{transform:scale(.5)}to{transform:scale(1)}}._checkbox_13j3t_10{position:relative;display:flex;align-items:center;width:100%;gap:var(--spacing-s);font-family:var(--font-family-body);color:var(--center-channel-color);cursor:pointer;-webkit-user-select:none;user-select:none}._checkbox_13j3t_10:has(._checkbox__input_13j3t_21:disabled){cursor:not-allowed;color:rgba(var(--center-channel-color-rgb),.56)}._checkbox__input_13j3t_21{position:absolute;left:0;top:50%;transform:translateY(-50%);margin:0;padding:0;opacity:0;overflow:hidden;white-space:nowrap;border:0;cursor:inherit}._checkbox__input_13j3t_21:focus-visible{outline:none}._checkbox__box_13j3t_41{position:relative;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.24);transition:background-color var(--duration-quick) var(--ease-transition),border-color var(--duration-quick) var(--ease-transition),box-shadow var(--duration-quick) var(--ease-transition)}._checkbox__input_13j3t_21:focus-visible~._checkbox__box_13j3t_41{box-shadow:0 0 0 2px rgba(var(--button-bg-rgb),.56)}._checkbox_13j3t_10:has(._checkbox__input_13j3t_21:not(:disabled)):hover ._checkbox__box_13j3t_41{border-color:rgba(var(--center-channel-color-rgb),.32)}._checkbox__input_13j3t_21:disabled~._checkbox__box_13j3t_41{background-color:var(--center-channel-bg);border-color:rgba(var(--center-channel-color-rgb),.16)}._checkbox__input_13j3t_21:checked~._checkbox__box_13j3t_41,._checkbox--indeterminate_13j3t_62 ._checkbox__box_13j3t_41{background-color:var(--button-bg);border-color:var(--button-bg)}._checkbox__input_13j3t_21:checked~._checkbox__box_13j3t_41 ._checkbox__icon_13j3t_66,._checkbox--indeterminate_13j3t_62 ._checkbox__box_13j3t_41 ._checkbox__icon_13j3t_66{color:var(--color-neutral-0)}._checkbox_13j3t_10:has(._checkbox__input_13j3t_21:not(:disabled)):hover ._checkbox__input_13j3t_21:checked~._checkbox__box_13j3t_41,._checkbox_13j3t_10:has(._checkbox__input_13j3t_21:not(:disabled)):hover._checkbox--indeterminate_13j3t_62 ._checkbox__box_13j3t_41{background-color:var(--button-bg);border-color:var(--button-bg)}._checkbox__input_13j3t_21:focus-visible:checked~._checkbox__box_13j3t_41,._checkbox--indeterminate_13j3t_62 ._checkbox__input_13j3t_21:focus-visible~._checkbox__box_13j3t_41{border-color:var(--button-bg);box-shadow:0 0 0 2px rgba(var(--button-bg-rgb),.56)}._checkbox__input_13j3t_21:disabled:checked~._checkbox__box_13j3t_41,._checkbox--indeterminate_13j3t_62 ._checkbox__input_13j3t_21:disabled~._checkbox__box_13j3t_41{background-color:rgba(var(--color-neutral-900-rgb),.32);border-color:transparent}._checkbox__input_13j3t_21:disabled:checked~._checkbox__box_13j3t_41 ._checkbox__icon_13j3t_66,._checkbox--indeterminate_13j3t_62 ._checkbox__input_13j3t_21:disabled~._checkbox__box_13j3t_41 ._checkbox__icon_13j3t_66{color:var(--color-neutral-0)}._checkbox--invalid_13j3t_84 ._checkbox__box_13j3t_41{border-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.5)}._checkbox--invalid_13j3t_84 ._checkbox__input_13j3t_21:checked~._checkbox__box_13j3t_41,._checkbox--invalid_13j3t_84._checkbox--indeterminate_13j3t_62 ._checkbox__box_13j3t_41{background-color:var(--error-text, var(--color-danger));border-color:var(--error-text, var(--color-danger))}._checkbox--invalid_13j3t_84 ._checkbox__input_13j3t_21:checked~._checkbox__box_13j3t_41 ._checkbox__icon_13j3t_66,._checkbox--invalid_13j3t_84._checkbox--indeterminate_13j3t_62 ._checkbox__box_13j3t_41 ._checkbox__icon_13j3t_66{color:var(--color-neutral-0)}._checkbox_13j3t_10:has(._checkbox__input_13j3t_21:not(:disabled)):hover._checkbox--invalid_13j3t_84 ._checkbox__input_13j3t_21:checked~._checkbox__box_13j3t_41,._checkbox_13j3t_10:has(._checkbox__input_13j3t_21:not(:disabled)):hover._checkbox--invalid_13j3t_84._checkbox--indeterminate_13j3t_62 ._checkbox__box_13j3t_41{background-color:var(--error-text, var(--color-danger));border-color:var(--error-text, var(--color-danger))}._checkbox--invalid_13j3t_84 ._checkbox__input_13j3t_21:focus-visible~._checkbox__box_13j3t_41{box-shadow:0 0 0 2px var(--error-text, var(--color-danger))}._checkbox--invalid_13j3t_84 ._checkbox__input_13j3t_21:focus-visible:checked~._checkbox__box_13j3t_41,._checkbox--invalid_13j3t_84._checkbox--indeterminate_13j3t_62 ._checkbox__input_13j3t_21:focus-visible~._checkbox__box_13j3t_41{border-color:rgba(var(--color-neutral-0-rgb),.24);box-shadow:0 0 0 2px var(--error-text, var(--color-danger))}._checkbox_13j3t_10:has(._checkbox__input_13j3t_21:not(:disabled)):hover._checkbox--invalid_13j3t_84 ._checkbox__input_13j3t_21:not(:checked)~._checkbox__box_13j3t_41{border-color:var(--error-text, var(--color-danger))}._checkbox__icon_13j3t_66{display:inline-flex;align-items:center;justify-content:center;color:var(--color-neutral-0);pointer-events:none;transform-origin:center;animation:_checkbox-icon-enter_13j3t_1 var(--duration-quick) var(--ease-entrance) forwards}._checkbox__label_13j3t_117{line-height:1}._checkbox--size-small_13j3t_120 ._checkbox__input_13j3t_21{width:var(--icon-size-12);height:var(--icon-size-12)}._checkbox--size-small_13j3t_120 ._checkbox__box_13j3t_41{width:var(--icon-size-12);height:var(--icon-size-12);border-radius:var(--radius-xs)}._checkbox--size-small_13j3t_120 ._checkbox__label_13j3t_117{font-size:var(--font-size-75);line-height:var(--line-height-75)}._checkbox--size-medium_13j3t_133 ._checkbox__input_13j3t_21{width:var(--icon-size-16);height:var(--icon-size-16)}._checkbox--size-medium_13j3t_133 ._checkbox__box_13j3t_41{width:var(--icon-size-16);height:var(--icon-size-16);border-radius:var(--radius-xs)}._checkbox--size-medium_13j3t_133 ._checkbox__label_13j3t_117{font-size:var(--font-size-100);line-height:var(--line-height-100)}._checkbox--size-large_13j3t_146 ._checkbox__input_13j3t_21{width:var(--icon-size-20);height:var(--icon-size-20)}._checkbox--size-large_13j3t_146 ._checkbox__box_13j3t_41{width:var(--icon-size-20);height:var(--icon-size-20);border-radius:var(--radius-s)}._checkbox--size-large_13j3t_146 ._checkbox__label_13j3t_117{font-size:var(--font-size-200);line-height:var(--line-height-200)}

package/dist/components/checkbox/Checkbox.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Checkbox.module.css');const c="_checkbox_13j3t_10",e="_checkbox__input_13j3t_21",_="_checkbox__box_13j3t_41",o="_checkbox__icon_13j3t_66",b="_checkbox__label_13j3t_117",t={checkbox:c,checkbox__input:e,checkbox__box:_,"checkbox--indeterminate":"_checkbox--indeterminate_13j3t_62",checkbox__icon:o,"checkbox--invalid":"_checkbox--invalid_13j3t_84","checkbox-icon-enter":"_checkbox-icon-enter_13j3t_1",checkbox__label:b,"checkbox--size-small":"_checkbox--size-small_13j3t_120","checkbox--size-medium":"_checkbox--size-medium_13j3t_133","checkbox--size-large":"_checkbox--size-large_13j3t_146"};exports.checkbox=c;exports.checkbox__box=_;exports.checkbox__icon=o;exports.checkbox__input=e;exports.checkbox__label=b;exports.default=t;
+//# sourceMappingURL=Checkbox.module.scss.cjs.map

package/dist/components/checkbox/Checkbox.module.scss.cjs.map

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

package/dist/components/checkbox/Checkbox.module.scss.js

@@ -0,0 +1,22 @@
+import './Checkbox.module.css';const c = "_checkbox_13j3t_10", _ = "_checkbox__input_13j3t_21", e = "_checkbox__box_13j3t_41", o = "_checkbox__icon_13j3t_66", b = "_checkbox__label_13j3t_117", x = {
+  checkbox: c,
+  checkbox__input: _,
+  checkbox__box: e,
+  "checkbox--indeterminate": "_checkbox--indeterminate_13j3t_62",
+  checkbox__icon: o,
+  "checkbox--invalid": "_checkbox--invalid_13j3t_84",
+  "checkbox-icon-enter": "_checkbox-icon-enter_13j3t_1",
+  checkbox__label: b,
+  "checkbox--size-small": "_checkbox--size-small_13j3t_120",
+  "checkbox--size-medium": "_checkbox--size-medium_13j3t_133",
+  "checkbox--size-large": "_checkbox--size-large_13j3t_146"
+};
+export {
+  c as checkbox,
+  e as checkbox__box,
+  o as checkbox__icon,
+  _ as checkbox__input,
+  b as checkbox__label,
+  x as default
+};
+//# sourceMappingURL=Checkbox.module.scss.js.map

package/dist/components/checkbox/Checkbox.module.scss.js.map

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

package/dist/components/checkbox/index.cjs

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

package/dist/components/checkbox/index.cjs.map

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