@mattermost/compass-ui 0.1.0-alpha.2 → 0.1.0-alpha.4

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

@@ -0,0 +1,22 @@
+import { ChannelSidebarItemProps } from '../channel-sidebar-item/ChannelSidebarItem';
+export type ChannelsSidebarItemModel = Pick<ChannelSidebarItemProps, 'name' | 'leadingVisual' | 'active' | 'status' | 'mentionCount' | 'memberCount' | 'avatarSrc' | 'avatarAlt' | 'showAvatarStatus' | 'onClick'>;
+export interface ChannelsSidebarCategoryModel {
+    label: string;
+    showChevron?: boolean;
+    showPlusButton?: boolean;
+}
+export interface ChannelsSidebarGroupModel {
+    key: string;
+    category: ChannelsSidebarCategoryModel;
+    items: ChannelsSidebarItemModel[];
+}
+export interface ChannelsSidebarModel {
+    topGroupItems: ChannelsSidebarItemModel[];
+    groups: ChannelsSidebarGroupModel[];
+}
+/**
+ * Applies per-page display renames (keys = default names from the model) to
+ * `name` and `avatarAlt` on each row, matching pre-model `channelNameOverrides` behavior.
+ */
+export declare function applyChannelNameOverrides(model: ChannelsSidebarModel, channelNameOverrides?: Record<string, string>): ChannelsSidebarModel;
+//# sourceMappingURL=channelsSidebarModel.d.ts.map

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":""}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/checkbox/index.js

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

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

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

package/dist/components/chip/Chip.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__f=require("@mattermost/compass-icons/components/close-circle.js"),f=__f?.default??__f,_=require("../icon/Icon.cjs"),j=require("../user-avatar/UserAvatar.cjs"),b=require("../../utils/string.cjs"),l=require("./Chip.module.scss.cjs"),x={small:"10",medium:"12","medium-compact":"12",large:"16"},C={small:"12",medium:"16","medium-compact":"16",large:"20"};function N({children:c,size:s="medium",leadingIcon:a,leadingAvatar:t,onRemove:i,removeLabel:u="Remove",error:o=!1,colored:n=!1,className:d="",...m}){const r=x[s],p=C[s],h=[l.default.chip,l.default[`chip--size-${b.toKebab(s)}`],o&&l.default["chip--error"],n&&l.default["chip--colored"],d].filter(Boolean).join(" ");return e.jsxs("div",{className:h,...m,children:[t!=null?e.jsx("span",{className:l.default["chip__avatar-slot"],children:e.jsx(j.default,{src:t.src,alt:t.alt,size:p})}):a!=null?e.jsx("span",{className:l.default["chip__icon-slot"],"aria-hidden":!0,children:e.jsx(_.default,{glyph:a,size:r})}):null,e.jsx("span",{className:l.default.chip__label,children:c}),i!=null?e.jsx("button",{type:"button",className:l.default.chip__remove,onClick:i,"aria-label":u,children:e.jsx(f,{size:Number(r),"aria-hidden":!0})}):null]})}exports.default=N;
+//# sourceMappingURL=Chip.cjs.map

package/dist/components/chip/Chip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.cjs","sources":["../../../src/components/chip/Chip.tsx"],"sourcesContent":["import type { HTMLAttributes, MouseEvent, ReactNode } from 'react';\nimport CloseCircleIcon from '@mattermost/compass-icons/components/close-circle';\nimport Icon from '@/components/icon/Icon';\nimport type { IconSize } from '@/components/icon/Icon';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport type { UserAvatarSize } from '@/components/user-avatar/UserAvatar';\nimport { toKebab } from '@/utils/string';\nimport styles from './Chip.module.scss';\n\nexport type ChipSize = 'small' | 'medium' | 'medium-compact' | 'large';\n\nexport interface ChipProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'children'\n> {\n  /** Chip label. */\n  children: ReactNode;\n  /** Visual size. Default: Medium. */\n  size?: ChipSize;\n  /** Leading icon from @mattermost/compass-icons. */\n  leadingIcon?: ReactNode;\n  /** Leading avatar. Overrides leadingIcon when both are provided. */\n  leadingAvatar?: { src: string; alt: string };\n  /** When provided, shows the remove (×) button and calls this on click. */\n  onRemove?: (e: MouseEvent<HTMLButtonElement>) => void;\n  /** Accessible label for the remove button. Default: \"Remove\". */\n  removeLabel?: string;\n  /** Shows an error border. */\n  error?: boolean;\n  /** Adds a colored background overlay. */\n  colored?: boolean;\n  className?: string;\n}\n\nconst ICON_SIZE_MAP: Record<ChipSize, IconSize> = {\n  small: '10',\n  medium: '12',\n  'medium-compact': '12',\n  large: '16',\n};\n\nconst AVATAR_SIZE_MAP: Record<ChipSize, UserAvatarSize> = {\n  small: '12',\n  medium: '16',\n  'medium-compact': '16',\n  large: '20',\n};\n\n/**\n * Chips are compact, self-contained tokens that represent a selection — a person added to an\n * invite, a filter applied to a search, a chosen value in a tokenizing input. Each Chip\n * stands on its own and is removable or selectable, depending on context.\n */\nexport default function Chip({\n  children,\n  size = 'medium',\n  leadingIcon,\n  leadingAvatar,\n  onRemove,\n  removeLabel = 'Remove',\n  error = false,\n  colored = false,\n  className = '',\n  ...rest\n}: ChipProps) {\n  const iconSize = ICON_SIZE_MAP[size];\n  const avatarSize = AVATAR_SIZE_MAP[size];\n\n  const rootClass = [\n    styles.chip,\n    styles[`chip--size-${toKebab(size)}`],\n    error && styles['chip--error'],\n    colored && styles['chip--colored'],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass} {...rest}>\n      {leadingAvatar != null ? (\n        <span className={styles['chip__avatar-slot']}>\n          <UserAvatar\n            src={leadingAvatar.src}\n            alt={leadingAvatar.alt}\n            size={avatarSize}\n          />\n        </span>\n      ) : leadingIcon != null ? (\n        <span className={styles['chip__icon-slot']} aria-hidden>\n          <Icon glyph={leadingIcon} size={iconSize} />\n        </span>\n      ) : null}\n      <span className={styles['chip__label']}>{children}</span>\n      {onRemove != null ? (\n        <button\n          type=\"button\"\n          className={styles['chip__remove']}\n          onClick={onRemove}\n          aria-label={removeLabel}\n        >\n          <CloseCircleIcon size={Number(iconSize)} aria-hidden />\n        </button>\n      ) : null}\n    </div>\n  );\n}\n"],"names":["ICON_SIZE_MAP","AVATAR_SIZE_MAP","Chip","children","size","leadingIcon","leadingAvatar","onRemove","removeLabel","error","colored","className","rest","iconSize","avatarSize","rootClass","styles","toKebab","jsxs","jsx","UserAvatar","Icon","CloseCircleIcon"],"mappings":"gWAkCMA,EAA4C,CAChD,MAAO,KACP,OAAQ,KACR,iBAAkB,KAClB,MAAO,IACT,EAEMC,EAAoD,CACxD,MAAO,KACP,OAAQ,KACR,iBAAkB,KAClB,MAAO,IACT,EAOA,SAAwBC,EAAK,CAC3B,SAAAC,EACA,KAAAC,EAAO,SACP,YAAAC,EACA,cAAAC,EACA,SAAAC,EACA,YAAAC,EAAc,SACd,MAAAC,EAAQ,GACR,QAAAC,EAAU,GACV,UAAAC,EAAY,GACZ,GAAGC,CACL,EAAc,CACZ,MAAMC,EAAWb,EAAcI,CAAI,EAC7BU,EAAab,EAAgBG,CAAI,EAEjCW,EAAY,CAChBC,EAAAA,QAAO,KACPA,EAAAA,QAAO,cAAcC,EAAAA,QAAQb,CAAI,CAAC,EAAE,EACpCK,GAASO,EAAAA,QAAO,aAAa,EAC7BN,GAAWM,EAAAA,QAAO,eAAe,EACjCL,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEO,EAAAA,KAAC,MAAA,CAAI,UAAWH,EAAY,GAAGH,EAC5B,SAAA,CAAAN,GAAiB,KAChBa,EAAAA,IAAC,OAAA,CAAK,UAAWH,UAAO,mBAAmB,EACzC,SAAAG,EAAAA,IAACC,EAAAA,QAAA,CACC,IAAKd,EAAc,IACnB,IAAKA,EAAc,IACnB,KAAMQ,CAAA,CAAA,EAEV,EACET,GAAe,KACjBc,EAAAA,IAAC,OAAA,CAAK,UAAWH,EAAAA,QAAO,iBAAiB,EAAG,cAAW,GACrD,eAACK,EAAAA,QAAA,CAAK,MAAOhB,EAAa,KAAMQ,CAAA,CAAU,EAC5C,EACE,WACH,OAAA,CAAK,UAAWG,EAAAA,QAAO,YAAiB,SAAAb,EAAS,EACjDI,GAAY,KACXY,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,UAAWH,EAAAA,QAAO,aAClB,QAAST,EACT,aAAYC,EAEZ,eAACc,EAAA,CAAgB,KAAM,OAAOT,CAAQ,EAAG,cAAW,EAAA,CAAC,CAAA,CAAA,EAErD,IAAA,EACN,CAEJ"}

package/dist/components/chip/Chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASnE,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,gBAAgB,GAAG,OAAO,CAAC;AAEvE,MAAM,WAAW,SAAU,SAAQ,IAAI,CACrC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,kBAAkB;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,oCAAoC;IACpC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,mDAAmD;IACnD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,oEAAoE;IACpE,aAAa,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7C,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACtD,iEAAiE;IACjE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgBD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,QAAQ,EACR,IAAe,EACf,WAAW,EACX,aAAa,EACb,QAAQ,EACR,WAAsB,EACtB,KAAa,EACb,OAAe,EACf,SAAc,EACd,GAAG,IAAI,EACR,EAAE,SAAS,2CA0CX"}

package/dist/components/chip/Chip.js

@@ -0,0 +1,62 @@
+import { jsxs as _, jsx as e } from "react/jsx-runtime";
+import __f from "@mattermost/compass-icons/components/close-circle.js";const f=__f&&__f.default?__f.default:__f;
+import b from "../icon/Icon.js";
+import N from "../user-avatar/UserAvatar.js";
+import { toKebab as C } from "../../utils/string.js";
+import l from "./Chip.module.scss.js";
+const z = {
+  small: "10",
+  medium: "12",
+  "medium-compact": "12",
+  large: "16"
+}, A = {
+  small: "12",
+  medium: "16",
+  "medium-compact": "16",
+  large: "20"
+};
+function E({
+  children: c,
+  size: o = "medium",
+  leadingIcon: i,
+  leadingAvatar: r,
+  onRemove: s,
+  removeLabel: m = "Remove",
+  error: t = !1,
+  colored: n = !1,
+  className: p = "",
+  ...u
+}) {
+  const a = z[o], h = A[o], d = [
+    l.chip,
+    l[`chip--size-${C(o)}`],
+    t && l["chip--error"],
+    n && l["chip--colored"],
+    p
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ _("div", { className: d, ...u, children: [
+    r != null ? /* @__PURE__ */ e("span", { className: l["chip__avatar-slot"], children: /* @__PURE__ */ e(
+      N,
+      {
+        src: r.src,
+        alt: r.alt,
+        size: h
+      }
+    ) }) : i != null ? /* @__PURE__ */ e("span", { className: l["chip__icon-slot"], "aria-hidden": !0, children: /* @__PURE__ */ e(b, { glyph: i, size: a }) }) : null,
+    /* @__PURE__ */ e("span", { className: l.chip__label, children: c }),
+    s != null ? /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: l.chip__remove,
+        onClick: s,
+        "aria-label": m,
+        children: /* @__PURE__ */ e(f, { size: Number(a), "aria-hidden": !0 })
+      }
+    ) : null
+  ] });
+}
+export {
+  E as default
+};
+//# sourceMappingURL=Chip.js.map

package/dist/components/chip/Chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.js","sources":["../../../src/components/chip/Chip.tsx"],"sourcesContent":["import type { HTMLAttributes, MouseEvent, ReactNode } from 'react';\nimport CloseCircleIcon from '@mattermost/compass-icons/components/close-circle';\nimport Icon from '@/components/icon/Icon';\nimport type { IconSize } from '@/components/icon/Icon';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport type { UserAvatarSize } from '@/components/user-avatar/UserAvatar';\nimport { toKebab } from '@/utils/string';\nimport styles from './Chip.module.scss';\n\nexport type ChipSize = 'small' | 'medium' | 'medium-compact' | 'large';\n\nexport interface ChipProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'children'\n> {\n  /** Chip label. */\n  children: ReactNode;\n  /** Visual size. Default: Medium. */\n  size?: ChipSize;\n  /** Leading icon from @mattermost/compass-icons. */\n  leadingIcon?: ReactNode;\n  /** Leading avatar. Overrides leadingIcon when both are provided. */\n  leadingAvatar?: { src: string; alt: string };\n  /** When provided, shows the remove (×) button and calls this on click. */\n  onRemove?: (e: MouseEvent<HTMLButtonElement>) => void;\n  /** Accessible label for the remove button. Default: \"Remove\". */\n  removeLabel?: string;\n  /** Shows an error border. */\n  error?: boolean;\n  /** Adds a colored background overlay. */\n  colored?: boolean;\n  className?: string;\n}\n\nconst ICON_SIZE_MAP: Record<ChipSize, IconSize> = {\n  small: '10',\n  medium: '12',\n  'medium-compact': '12',\n  large: '16',\n};\n\nconst AVATAR_SIZE_MAP: Record<ChipSize, UserAvatarSize> = {\n  small: '12',\n  medium: '16',\n  'medium-compact': '16',\n  large: '20',\n};\n\n/**\n * Chips are compact, self-contained tokens that represent a selection — a person added to an\n * invite, a filter applied to a search, a chosen value in a tokenizing input. Each Chip\n * stands on its own and is removable or selectable, depending on context.\n */\nexport default function Chip({\n  children,\n  size = 'medium',\n  leadingIcon,\n  leadingAvatar,\n  onRemove,\n  removeLabel = 'Remove',\n  error = false,\n  colored = false,\n  className = '',\n  ...rest\n}: ChipProps) {\n  const iconSize = ICON_SIZE_MAP[size];\n  const avatarSize = AVATAR_SIZE_MAP[size];\n\n  const rootClass = [\n    styles.chip,\n    styles[`chip--size-${toKebab(size)}`],\n    error && styles['chip--error'],\n    colored && styles['chip--colored'],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass} {...rest}>\n      {leadingAvatar != null ? (\n        <span className={styles['chip__avatar-slot']}>\n          <UserAvatar\n            src={leadingAvatar.src}\n            alt={leadingAvatar.alt}\n            size={avatarSize}\n          />\n        </span>\n      ) : leadingIcon != null ? (\n        <span className={styles['chip__icon-slot']} aria-hidden>\n          <Icon glyph={leadingIcon} size={iconSize} />\n        </span>\n      ) : null}\n      <span className={styles['chip__label']}>{children}</span>\n      {onRemove != null ? (\n        <button\n          type=\"button\"\n          className={styles['chip__remove']}\n          onClick={onRemove}\n          aria-label={removeLabel}\n        >\n          <CloseCircleIcon size={Number(iconSize)} aria-hidden />\n        </button>\n      ) : null}\n    </div>\n  );\n}\n"],"names":["ICON_SIZE_MAP","AVATAR_SIZE_MAP","Chip","children","size","leadingIcon","leadingAvatar","onRemove","removeLabel","error","colored","className","rest","iconSize","avatarSize","rootClass","styles","toKebab","jsxs","jsx","UserAvatar","Icon","CloseCircleIcon"],"mappings":";;;;;;AAkCA,MAAMA,IAA4C;AAAA,EAChD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,kBAAkB;AAAA,EAClB,OAAO;AACT,GAEMC,IAAoD;AAAA,EACxD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,kBAAkB;AAAA,EAClB,OAAO;AACT;AAOA,SAAwBC,EAAK;AAAA,EAC3B,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,OAAAC,IAAQ;AAAA,EACR,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAc;AACZ,QAAMC,IAAWb,EAAcI,CAAI,GAC7BU,IAAab,EAAgBG,CAAI,GAEjCW,IAAY;AAAA,IAChBC,EAAO;AAAA,IACPA,EAAO,cAAcC,EAAQb,CAAI,CAAC,EAAE;AAAA,IACpCK,KAASO,EAAO,aAAa;AAAA,IAC7BN,KAAWM,EAAO,eAAe;AAAA,IACjCL;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAO,EAAC,OAAA,EAAI,WAAWH,GAAY,GAAGH,GAC5B,UAAA;AAAA,IAAAN,KAAiB,OAChB,gBAAAa,EAAC,QAAA,EAAK,WAAWH,EAAO,mBAAmB,GACzC,UAAA,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAKd,EAAc;AAAA,QACnB,KAAKA,EAAc;AAAA,QACnB,MAAMQ;AAAA,MAAA;AAAA,IAAA,GAEV,IACET,KAAe,OACjB,gBAAAc,EAAC,QAAA,EAAK,WAAWH,EAAO,iBAAiB,GAAG,eAAW,IACrD,4BAACK,GAAA,EAAK,OAAOhB,GAAa,MAAMQ,EAAA,CAAU,GAC5C,IACE;AAAA,sBACH,QAAA,EAAK,WAAWG,EAAO,aAAiB,UAAAb,GAAS;AAAA,IACjDI,KAAY,OACX,gBAAAY;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAWH,EAAO;AAAA,QAClB,SAAST;AAAA,QACT,cAAYC;AAAA,QAEZ,4BAACc,GAAA,EAAgB,MAAM,OAAOT,CAAQ,GAAG,eAAW,GAAA,CAAC;AAAA,MAAA;AAAA,IAAA,IAErD;AAAA,EAAA,GACN;AAEJ;"}

package/dist/components/chip/Chip.module.css

@@ -0,0 +1 @@
+._chip_1cqqu_2{position:relative;display:inline-flex;align-items:center;border-radius:var(--radius-s);border:1px solid transparent;background-color:rgba(var(--center-channel-color-rgb),.08);font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);color:var(--center-channel-color);white-space:nowrap;overflow:hidden;cursor:default;transition:background-color var(--duration-quick) var(--ease-transition),border-color var(--duration-quick) var(--ease-transition)}._chip_1cqqu_2:hover{background-color:rgba(var(--center-channel-color-rgb),.16)}._chip_1cqqu_2:focus-within{border-color:var(--button-bg);background-color:rgba(var(--center-channel-color-rgb),.08)}._chip__label_1cqqu_24{position:relative}._chip__icon-slot_1cqqu_27,._chip__avatar-slot_1cqqu_33{display:inline-flex;align-items:center;flex-shrink:0;position:relative}._chip__remove_1cqqu_39{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;background:none;border:none;padding:0;cursor:pointer;color:rgba(var(--center-channel-color-rgb),.32);line-height:0}._chip__remove_1cqqu_39:focus-visible{outline:none}._chip--colored_1cqqu_55:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#d95d1c29;pointer-events:none}._chip--error_1cqqu_62{border-color:var(--error-text, var(--color-danger))}._chip--size-small_1cqqu_65{gap:var(--spacing-xxxs);padding:var(--spacing-xxxs) var(--spacing-xs)}._chip--size-small_1cqqu_65:has(._chip__remove_1cqqu_39){padding-right:var(--spacing-xxs)}._chip--size-small_1cqqu_65 ._chip__label_1cqqu_24{font-size:var(--font-size-25);line-height:12px;letter-spacing:.2px}._chip--size-small_1cqqu_65 ._chip__remove_1cqqu_39{padding:1px}._chip--size-medium_1cqqu_80{gap:var(--spacing-xxxs);padding:var(--spacing-xxxs) var(--spacing-xs)}._chip--size-medium_1cqqu_80:has(._chip__remove_1cqqu_39){padding-right:var(--spacing-xxs)}._chip--size-medium_1cqqu_80 ._chip__label_1cqqu_24{font-size:var(--font-size-75);line-height:var(--line-height-75)}._chip--size-medium_1cqqu_80 ._chip__remove_1cqqu_39{padding:2px}._chip--size-medium-compact_1cqqu_94{gap:var(--spacing-xxxs);padding:var(--spacing-xxxxs) var(--spacing-xxs)}._chip--size-medium-compact_1cqqu_94:has(._chip__remove_1cqqu_39){padding-right:var(--spacing-xxxs)}._chip--size-medium-compact_1cqqu_94 ._chip__label_1cqqu_24{font-size:var(--font-size-100);line-height:var(--line-height-100)}._chip--size-medium-compact_1cqqu_94 ._chip__remove_1cqqu_39{padding:2px}._chip--size-large_1cqqu_108{gap:var(--spacing-xxs);padding:var(--spacing-xxs) var(--spacing-m)}._chip--size-large_1cqqu_108:has(._chip__remove_1cqqu_39){padding-right:var(--spacing-s)}._chip--size-large_1cqqu_108 ._chip__label_1cqqu_24{font-size:var(--font-size-100);line-height:var(--line-height-100)}._chip--size-large_1cqqu_108 ._chip__remove_1cqqu_39{padding:2px}

package/dist/components/chip/Chip.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Chip.module.css');const _="_chip_1cqqu_2",c="_chip__label_1cqqu_24",i="_chip__remove_1cqqu_39",e={chip:_,chip__label:c,"chip__icon-slot":"_chip__icon-slot_1cqqu_27","chip__avatar-slot":"_chip__avatar-slot_1cqqu_33",chip__remove:i,"chip--colored":"_chip--colored_1cqqu_55","chip--error":"_chip--error_1cqqu_62","chip--size-small":"_chip--size-small_1cqqu_65","chip--size-medium":"_chip--size-medium_1cqqu_80","chip--size-medium-compact":"_chip--size-medium-compact_1cqqu_94","chip--size-large":"_chip--size-large_1cqqu_108"};exports.chip=_;exports.chip__label=c;exports.chip__remove=i;exports.default=e;
+//# sourceMappingURL=Chip.module.scss.cjs.map

package/dist/components/chip/Chip.module.scss.cjs.map

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

package/dist/components/chip/Chip.module.scss.js

@@ -0,0 +1,20 @@
+import './Chip.module.css';const _ = "_chip_1cqqu_2", c = "_chip__label_1cqqu_24", i = "_chip__remove_1cqqu_39", e = {
+  chip: _,
+  chip__label: c,
+  "chip__icon-slot": "_chip__icon-slot_1cqqu_27",
+  "chip__avatar-slot": "_chip__avatar-slot_1cqqu_33",
+  chip__remove: i,
+  "chip--colored": "_chip--colored_1cqqu_55",
+  "chip--error": "_chip--error_1cqqu_62",
+  "chip--size-small": "_chip--size-small_1cqqu_65",
+  "chip--size-medium": "_chip--size-medium_1cqqu_80",
+  "chip--size-medium-compact": "_chip--size-medium-compact_1cqqu_94",
+  "chip--size-large": "_chip--size-large_1cqqu_108"
+};
+export {
+  _ as chip,
+  c as chip__label,
+  i as chip__remove,
+  e as default
+};
+//# sourceMappingURL=Chip.module.scss.js.map

package/dist/components/chip/Chip.module.scss.js.map

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

package/dist/components/chip/index.cjs

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

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

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

package/dist/components/chip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC"}

package/dist/components/chip/index.js

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

package/dist/components/chip/index.js.map

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

package/dist/components/combobox/Combobox.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),s=require("react"),__Ee=require("@mattermost/compass-icons/components/chevron-down.js"),Ee=__Ee?.default??__Ee,Be=require("../chip/Chip.cjs"),$e=require("../icon/Icon.cjs"),Fe=require("../menu-item/MenuItem.cjs"),re=require("../popover-menu/PopoverMenu.cjs"),He=require("../user-avatar/UserAvatar.cjs"),Te=require("../../hooks/use-anchored-popup-portal.cjs"),Le=require("../../hooks/use-outside-close.cjs"),Ue=require("../../hooks/use-popover-transition.cjs"),ze=require("../../utils/string.cjs"),r=require("./Combobox.module.scss.cjs"),ae=280,Ke={small:"small",medium:"medium",large:"large"};function Qe(a,d){return d?a.label.toLowerCase().includes(d.toLowerCase()):!0}function Xe(a){return a==null?null:Array.isArray(a)?a[0]??null:a===""?null:a}function Ge(a){return a==null?[]:Array.isArray(a)?a:a===""?[]:[a]}function We(a){if(a.leadingVisual!=null)return a.leadingVisual;if(a.leadingAvatar!=null)return u.jsx(He.default,{src:a.leadingAvatar.src,alt:a.leadingAvatar.alt,size:"24"})}const Ye=s.forwardRef(function({options:d,multiple:n=!1,value:L,defaultValue:U,onChange:D,inputValue:q,defaultInputValue:oe="",onInputChange:x,label:y,placeholder:ue,leadingIcon:N,size:z="medium",invalid:K=!1,disabled:_=!1,filter:w=!0,emptyMessage:ce="No results",className:ie="",id:de,"aria-label":Q,portalContainer:fe=null,zIndex:be},j){const ve=s.useId(),P=de??ve,g=`${P}-listbox`,S=s.useRef(null),X=s.useRef(null),p=s.useRef(null),xe=s.useCallback(e=>{p.current=e,typeof j=="function"?j(e):j&&(j.current=e)},[j]),V=L!==void 0,[me,he]=s.useState(()=>U!==void 0?U:n?[]:null),G=V?L:me,f=n?null:Xe(G),i=n?Ge(G):[],b=q!==void 0,[R,E]=s.useState(oe),[c,W]=s.useState(!1),[_e,Y]=s.useState(!1),[v,m]=s.useState(-1),[M,B]=s.useState(null),C=s.useMemo(()=>f==null?void 0:d.find(e=>e.value===f),[d,f]),$=b?q:n?R:M!==null?M:(C==null?void 0:C.label)??R,Z=b?q:n?R:M!==null?M:"",F=s.useCallback(e=>{b||(E(e),n||B(e)),x==null||x(e)},[b,n,x]),A=s.useCallback(e=>{V||he(e),D==null||D(e)},[V,D]),o=s.useMemo(()=>{if(w===!1)return d;const e=typeof w=="function"?w:Qe;return d.filter(t=>e(t,Z))},[d,w,Z]),{mounted:J,visible:ge}=Ue.usePopoverTransition(c),{placement:pe,maxHeight:ke,style:ye,portalRef:ee,renderPortal:je}=Te.useAnchoredPopupPortal(X,J,{preferredHeight:ae,maxHeightCap:ae,portalContainer:fe,zIndex:be}),k=s.useCallback(()=>{W(!1),m(-1),!n&&!b&&(B(null),E(""))},[n,b]),I=s.useCallback(()=>{_||W(!0)},[_]);Le.useOutsideClose(S,c,k,ee),s.useEffect(()=>{c&&m(e=>{if(o.length===0)return-1;if(e>=0&&e<o.length)return e;const t=n?o.findIndex(l=>i.includes(l.value)):o.findIndex(l=>l.value===f);return t>=0?t:0})},[c,o,n,i,f]);const Ae=s.useCallback(e=>n?i.includes(e):f===e,[n,i,f]),te=s.useCallback(e=>{var t;if(!e.disabled){if(n){const l=i.includes(e.value)?i.filter(h=>h!==e.value):[...i,e.value];A(l),F(""),k(),(t=p.current)==null||t.focus();return}A(e.value),b?x==null||x(e.label):(E(""),B(null)),k()}},[n,i,A,F,b,x,k]),le=s.useCallback(e=>{var t;n&&(A(i.filter(l=>l!==e)),(t=p.current)==null||t.focus())},[n,i,A]),se=s.useCallback(e=>{const t=o.map((l,h)=>({o:l,i:h})).filter(({o:l})=>!l.disabled);if(t.length===0){m(-1);return}m(l=>{const h=t.findIndex(({i:T})=>T===l),O=h<0?e>0?0:t.length-1:(h+e+t.length)%t.length;return t[O].i})},[o]);s.useEffect(()=>{if(!c||v<0)return;const e=o[v];if(!e)return;const t=document.getElementById(`${g}-option-${e.value}`);t==null||t.scrollIntoView({block:"nearest"})},[c,v,o,g]);const Ie=e=>{const t=e.target.value;F(t),c||I(),m(0)},De=()=>{Y(!0),I(),!n&&!b&&C&&requestAnimationFrame(()=>{var e;(e=p.current)==null||e.select()})},we=e=>{var l;const t=e.relatedTarget;t&&((l=S.current)!=null&&l.contains(t))||Y(!1)},Me=e=>{var t;if(!_)switch(e.key){case"ArrowDown":e.preventDefault(),c?se(1):I();break;case"ArrowUp":e.preventDefault(),c?se(-1):I();break;case"Home":c&&o.length>0&&(e.preventDefault(),m(o.findIndex(l=>!l.disabled)>=0?o.findIndex(l=>!l.disabled):0));break;case"End":if(c&&o.length>0){e.preventDefault();for(let l=o.length-1;l>=0;l--)if(!((t=o[l])!=null&&t.disabled)){m(l);break}}break;case"Enter":c&&v>=0&&o[v]&&(e.preventDefault(),te(o[v]));break;case"Escape":c&&(e.preventDefault(),k());break;case"Backspace":n&&$===""&&i.length>0&&(e.preventDefault(),le(i[i.length-1]));break;case"Tab":k();break}},Ce=e=>{var t;_||e.target.closest("button")||(e.target!==p.current&&(e.preventDefault(),(t=p.current)==null||t.focus()),c||I())},Oe=n?i.length>0:f!=null&&f!=="",qe=$.length>0,Ne=_e||c||Oe||qe,ne=v>=0?o[v]:void 0,Pe=ne!=null?`${g}-option-${ne.value}`:void 0,H=s.useMemo(()=>d.filter(e=>i.includes(e.value)),[d,i]),Se=r.default[`combobox--size-${ze.toKebab(z)}`],Ve=n&&H.length>0,Re=[r.default.combobox,Se,K?r.default["combobox--invalid"]:"",y!=null&&Ne?r.default["combobox--label-floated"]:"",N!=null?r.default["combobox--has-leading-icon"]:"",Ve?r.default["combobox--has-chips"]:"",c?r.default["combobox--open"]:"",_?r.default["combobox--disabled"]:"",ie].filter(Boolean).join(" ");return u.jsxs("div",{className:Re,ref:S,children:[u.jsxs("div",{className:r.default.combobox__wrapper,ref:X,children:[y!=null&&u.jsx("label",{className:r.default.combobox__label,htmlFor:P,children:y}),u.jsxs("div",{className:r.default.combobox__inner,onMouseDown:Ce,children:[N!=null&&u.jsx("span",{className:r.default.combobox__leadingIcon,"aria-hidden":!0,children:N}),u.jsxs("div",{className:r.default.combobox__value,children:[n&&H.map(e=>u.jsx(Be.default,{size:Ke[z],leadingAvatar:e.leadingAvatar,leadingIcon:e.leadingAvatar==null?e.leadingVisual:void 0,onRemove:_?void 0:t=>{t.stopPropagation(),le(e.value)},removeLabel:`Remove ${e.label}`,children:e.label},e.value)),u.jsx("input",{ref:xe,id:P,className:r.default.combobox__control,type:"text",role:"combobox",autoComplete:"off",spellCheck:!1,disabled:_,placeholder:n&&H.length>0?void 0:ue,value:$,"aria-label":Q,"aria-invalid":K?!0:void 0,"aria-expanded":c,"aria-controls":g,"aria-autocomplete":"list","aria-activedescendant":Pe,onChange:Ie,onFocus:De,onBlur:we,onKeyDown:Me})]}),u.jsx("span",{className:r.default.combobox__trailingIcon,"aria-hidden":!0,children:u.jsx($e.default,{size:"12",glyph:u.jsx(Ee,{})})})]})]}),J&&je(u.jsx("div",{ref:ee,className:[r.default.combobox__popup,pe==="above"?r.default["combobox__popup--above"]:"",ge?r.default["combobox__popup--visible"]:""].filter(Boolean).join(" "),style:ye,children:u.jsx(re.default,{className:r.default.combobox__menu,children:u.jsx(re.PopoverMenuScroll,{maxHeight:ke,children:o.length===0?u.jsx("p",{className:r.default.combobox__empty,children:ce}):u.jsx("ul",{id:g,className:r.default.combobox__list,role:"listbox","aria-multiselectable":n||void 0,"aria-label":typeof y=="string"?y:Q??"Options",children:o.map((e,t)=>{const l=Ae(e.value),h=t===v,O=We(e);return u.jsx("li",{className:r.default.combobox__option,role:"presentation",children:u.jsx(Fe.default,{id:`${g}-option-${e.value}`,role:"option",label:e.label,secondaryLabel:e.secondaryLabel,leadingElement:O!=null,leadingVisual:O,trailingElement:l,active:h,disabled:e.disabled,"aria-selected":l,onMouseDown:T=>{T.preventDefault()},onMouseEnter:()=>m(t),onClick:()=>te(e)})},e.value)})})})})}))]})});exports.default=Ye;
+//# sourceMappingURL=Combobox.cjs.map

package/dist/components/combobox/Combobox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.cjs","sources":["../../../src/components/combobox/Combobox.tsx"],"sourcesContent":["import type {\n  ChangeEvent,\n  FocusEvent,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n} from 'react';\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport Chip from '@/components/chip/Chip';\nimport type { ChipSize } from '@/components/chip/Chip';\nimport Icon from '@/components/icon/Icon';\nimport MenuItem from '@/components/menu-item/MenuItem';\nimport PopoverMenu, {\n  PopoverMenuScroll,\n} from '@/components/popover-menu/PopoverMenu';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport { useAnchoredPopupPortal } from '@/hooks/use-anchored-popup-portal';\nimport { useOutsideClose } from '@/hooks/use-outside-close';\nimport { usePopoverTransition } from '@/hooks/use-popover-transition';\nimport { toKebab } from '@/utils/string';\nimport styles from './Combobox.module.scss';\n\nexport type ComboboxSize = 'small' | 'medium' | 'large';\n\nexport type ComboboxOption = {\n  value: string;\n  label: string;\n  disabled?: boolean;\n  /** Leading content for the list row (icon or avatar node). */\n  leadingVisual?: ReactNode;\n  /** Avatar for chips / list when a photo is preferred over `leadingVisual`. */\n  leadingAvatar?: { src: string; alt: string };\n  secondaryLabel?: string;\n};\n\nexport interface ComboboxProps {\n  options: ComboboxOption[];\n  /** When true, selected values render as removable chips. Default: false. */\n  multiple?: boolean;\n  value?: string | string[] | null;\n  defaultValue?: string | string[] | null;\n  onChange?: (value: string | string[] | null) => void;\n  inputValue?: string;\n  defaultInputValue?: string;\n  onInputChange?: (value: string) => void;\n  label?: ReactNode;\n  placeholder?: string;\n  leadingIcon?: ReactNode;\n  size?: ComboboxSize;\n  invalid?: boolean;\n  disabled?: boolean;\n  /**\n   * Client-side filter. `true` (default) matches labels case-insensitively.\n   * `false` shows all options (caller filters via `inputValue` / `onInputChange`).\n   */\n  filter?: boolean | ((option: ComboboxOption, query: string) => boolean);\n  emptyMessage?: string;\n  className?: string;\n  id?: string;\n  'aria-label'?: string;\n  /** Portal mount node for the menu; defaults to `document.body`. */\n  portalContainer?: HTMLElement | null;\n  /** Stacking order for the portaled menu. */\n  zIndex?: number;\n}\n\nconst POPUP_MAX_HEIGHT = 280;\n\nconst CHIP_SIZE_BY_COMBOBOX: Record<ComboboxSize, ChipSize> = {\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n};\n\nfunction defaultFilter(option: ComboboxOption, query: string): boolean {\n  if (!query) return true;\n  return option.label.toLowerCase().includes(query.toLowerCase());\n}\n\nfunction toSingleValue(\n  value: string | string[] | null | undefined,\n): string | null {\n  if (value == null) return null;\n  if (Array.isArray(value)) return value[0] ?? null;\n  return value === '' ? null : value;\n}\n\nfunction toMultiValue(\n  value: string | string[] | null | undefined,\n): string[] {\n  if (value == null) return [];\n  if (Array.isArray(value)) return value;\n  return value === '' ? [] : [value];\n}\n\nfunction optionLeadingVisual(option: ComboboxOption): ReactNode | undefined {\n  if (option.leadingVisual != null) return option.leadingVisual;\n  if (option.leadingAvatar != null) {\n    return (\n      <UserAvatar\n        src={option.leadingAvatar.src}\n        alt={option.leadingAvatar.alt}\n        size=\"24\"\n      />\n    );\n  }\n  return undefined;\n}\n\n/**\n * { value: 'town-square', label: 'Town Square' }, { value: 'off-topic', label: 'Off-Topic'\n * }, { value: 'design', label: 'Design' }, { value: 'engineering', label: 'Engineering' }, {\n * value: 'releases', label: 'Releases' }, ];\n */\nconst Combobox = forwardRef<HTMLInputElement, ComboboxProps>(function Combobox(\n  {\n    options,\n    multiple = false,\n    value: valueProp,\n    defaultValue,\n    onChange,\n    inputValue: inputValueProp,\n    defaultInputValue = '',\n    onInputChange,\n    label,\n    placeholder,\n    leadingIcon,\n    size = 'medium',\n    invalid = false,\n    disabled = false,\n    filter = true,\n    emptyMessage = 'No results',\n    className = '',\n    id: idProp,\n    'aria-label': ariaLabel,\n    portalContainer = null,\n    zIndex,\n  },\n  ref,\n) {\n  const generatedId = useId();\n  const id = idProp ?? generatedId;\n  const listboxId = `${id}-listbox`;\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const anchorRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  const setInputRef = useCallback(\n    (node: HTMLInputElement | null) => {\n      inputRef.current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref) ref.current = node;\n    },\n    [ref],\n  );\n\n  const isValueControlled = valueProp !== undefined;\n  const [uncontrolledValue, setUncontrolledValue] = useState<\n    string | string[] | null\n  >(() => {\n    if (defaultValue !== undefined) return defaultValue;\n    return multiple ? [] : null;\n  });\n\n  const rawValue = isValueControlled ? valueProp! : uncontrolledValue;\n  const singleValue = multiple ? null : toSingleValue(rawValue);\n  const multiValue = multiple ? toMultiValue(rawValue) : [];\n\n  const isInputControlled = inputValueProp !== undefined;\n  const [uncontrolledInput, setUncontrolledInput] = useState(defaultInputValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const [isFocused, setIsFocused] = useState(false);\n  const [activeIndex, setActiveIndex] = useState(-1);\n  const [queryOverride, setQueryOverride] = useState<string | null>(null);\n\n  const selectedOption = useMemo(\n    () =>\n      singleValue == null\n        ? undefined\n        : options.find((o) => o.value === singleValue),\n    [options, singleValue],\n  );\n\n  // Single-select: show the selected label until the user starts typing a filter.\n  // `queryOverride !== null` means the field is in filter-edit mode.\n  const displayInput = (() => {\n    if (isInputControlled) return inputValueProp!;\n    if (multiple) return uncontrolledInput;\n    if (queryOverride !== null) return queryOverride;\n    return selectedOption?.label ?? uncontrolledInput;\n  })();\n\n  const filterQuery = (() => {\n    if (isInputControlled) return inputValueProp!;\n    if (multiple) return uncontrolledInput;\n    if (queryOverride !== null) return queryOverride;\n    return '';\n  })();\n\n  const setInputDisplay = useCallback(\n    (next: string) => {\n      if (!isInputControlled) {\n        setUncontrolledInput(next);\n        if (!multiple) setQueryOverride(next);\n      }\n      onInputChange?.(next);\n    },\n    [isInputControlled, multiple, onInputChange],\n  );\n\n  const commitValue = useCallback(\n    (next: string | string[] | null) => {\n      if (!isValueControlled) setUncontrolledValue(next);\n      onChange?.(next);\n    },\n    [isValueControlled, onChange],\n  );\n\n  const filteredOptions = useMemo(() => {\n    if (filter === false) return options;\n    const fn = typeof filter === 'function' ? filter : defaultFilter;\n    return options.filter((o) => fn(o, filterQuery));\n  }, [options, filter, filterQuery]);\n\n  const { mounted: popupMounted, visible: popupVisible } =\n    usePopoverTransition(isOpen);\n\n  const {\n    placement,\n    maxHeight,\n    style: popupStyle,\n    portalRef,\n    renderPortal,\n  } = useAnchoredPopupPortal(anchorRef, popupMounted, {\n    preferredHeight: POPUP_MAX_HEIGHT,\n    maxHeightCap: POPUP_MAX_HEIGHT,\n    portalContainer,\n    zIndex,\n  });\n\n  const close = useCallback(() => {\n    setIsOpen(false);\n    setActiveIndex(-1);\n    if (!multiple && !isInputControlled) {\n      setQueryOverride(null);\n      setUncontrolledInput('');\n    }\n  }, [multiple, isInputControlled]);\n\n  const open = useCallback(() => {\n    if (disabled) return;\n    setIsOpen(true);\n  }, [disabled]);\n\n  useOutsideClose(rootRef, isOpen, close, portalRef);\n\n  useEffect(() => {\n    if (!isOpen) return;\n    setActiveIndex((prev) => {\n      if (filteredOptions.length === 0) return -1;\n      if (prev >= 0 && prev < filteredOptions.length) return prev;\n      const selectedIdx = multiple\n        ? filteredOptions.findIndex((o) => multiValue.includes(o.value))\n        : filteredOptions.findIndex((o) => o.value === singleValue);\n      return selectedIdx >= 0 ? selectedIdx : 0;\n    });\n  }, [isOpen, filteredOptions, multiple, multiValue, singleValue]);\n\n  const isSelected = useCallback(\n    (optionValue: string) =>\n      multiple\n        ? multiValue.includes(optionValue)\n        : singleValue === optionValue,\n    [multiple, multiValue, singleValue],\n  );\n\n  const selectOption = useCallback(\n    (option: ComboboxOption) => {\n      if (option.disabled) return;\n\n      if (multiple) {\n        const next = multiValue.includes(option.value)\n          ? multiValue.filter((v) => v !== option.value)\n          : [...multiValue, option.value];\n        commitValue(next);\n        setInputDisplay('');\n        close();\n        inputRef.current?.focus();\n        return;\n      }\n\n      commitValue(option.value);\n      if (!isInputControlled) {\n        setUncontrolledInput('');\n        setQueryOverride(null);\n      } else {\n        onInputChange?.(option.label);\n      }\n      close();\n    },\n    [\n      multiple,\n      multiValue,\n      commitValue,\n      setInputDisplay,\n      isInputControlled,\n      onInputChange,\n      close,\n    ],\n  );\n\n  const removeValue = useCallback(\n    (optionValue: string) => {\n      if (!multiple) return;\n      commitValue(multiValue.filter((v) => v !== optionValue));\n      inputRef.current?.focus();\n    },\n    [multiple, multiValue, commitValue],\n  );\n\n  const moveActive = useCallback(\n    (delta: number) => {\n      const enabled = filteredOptions\n        .map((o, i) => ({ o, i }))\n        .filter(({ o }) => !o.disabled);\n      if (enabled.length === 0) {\n        setActiveIndex(-1);\n        return;\n      }\n      setActiveIndex((prev) => {\n        const currentPos = enabled.findIndex(({ i }) => i === prev);\n        const nextPos =\n          currentPos < 0\n            ? delta > 0\n              ? 0\n              : enabled.length - 1\n            : (currentPos + delta + enabled.length) % enabled.length;\n        return enabled[nextPos].i;\n      });\n    },\n    [filteredOptions],\n  );\n\n  useEffect(() => {\n    if (!isOpen || activeIndex < 0) return;\n    const option = filteredOptions[activeIndex];\n    if (!option) return;\n    const el = document.getElementById(\n      `${listboxId}-option-${option.value}`,\n    );\n    el?.scrollIntoView({ block: 'nearest' });\n  }, [isOpen, activeIndex, filteredOptions, listboxId]);\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const next = e.target.value;\n    setInputDisplay(next);\n    if (!isOpen) open();\n    setActiveIndex(0);\n  };\n\n  const handleFocus = () => {\n    setIsFocused(true);\n    open();\n    // Select-all so the next keystroke replaces the selected label (filter mode).\n    if (!multiple && !isInputControlled && selectedOption) {\n      requestAnimationFrame(() => {\n        inputRef.current?.select();\n      });\n    }\n  };\n\n  const handleBlur = (e: FocusEvent<HTMLInputElement>) => {\n    // Delay so option mousedown can run first\n    const related = e.relatedTarget as Node | null;\n    if (related && rootRef.current?.contains(related)) return;\n    setIsFocused(false);\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n    if (disabled) return;\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        if (!isOpen) open();\n        else moveActive(1);\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        if (!isOpen) open();\n        else moveActive(-1);\n        break;\n      case 'Home':\n        if (isOpen && filteredOptions.length > 0) {\n          e.preventDefault();\n          setActiveIndex(\n            filteredOptions.findIndex((o) => !o.disabled) >= 0\n              ? filteredOptions.findIndex((o) => !o.disabled)\n              : 0,\n          );\n        }\n        break;\n      case 'End':\n        if (isOpen && filteredOptions.length > 0) {\n          e.preventDefault();\n          for (let i = filteredOptions.length - 1; i >= 0; i--) {\n            if (!filteredOptions[i]?.disabled) {\n              setActiveIndex(i);\n              break;\n            }\n          }\n        }\n        break;\n      case 'Enter':\n        if (isOpen && activeIndex >= 0 && filteredOptions[activeIndex]) {\n          e.preventDefault();\n          selectOption(filteredOptions[activeIndex]);\n        }\n        break;\n      case 'Escape':\n        if (isOpen) {\n          e.preventDefault();\n          close();\n        }\n        break;\n      case 'Backspace':\n        if (\n          multiple &&\n          displayInput === '' &&\n          multiValue.length > 0\n        ) {\n          e.preventDefault();\n          removeValue(multiValue[multiValue.length - 1]);\n        }\n        break;\n      case 'Tab':\n        close();\n        break;\n      default:\n        break;\n    }\n  };\n\n  const handleWrapperMouseDown = (e: MouseEvent<HTMLDivElement>) => {\n    if (disabled) return;\n    // Don't steal focus from chip remove buttons\n    if ((e.target as HTMLElement).closest('button')) return;\n    if (e.target !== inputRef.current) {\n      e.preventDefault();\n      inputRef.current?.focus();\n    }\n    if (!isOpen) open();\n  };\n\n  const hasSelection = multiple\n    ? multiValue.length > 0\n    : singleValue != null && singleValue !== '';\n  const hasInputText = displayInput.length > 0;\n  const labelFloated = isFocused || isOpen || hasSelection || hasInputText;\n\n  const activeOption =\n    activeIndex >= 0 ? filteredOptions[activeIndex] : undefined;\n  const activeDescendant =\n    activeOption != null ? `${listboxId}-option-${activeOption.value}` : undefined;\n\n  const selectedOptions = useMemo(\n    () => options.filter((o) => multiValue.includes(o.value)),\n    [options, multiValue],\n  );\n\n  const sizeClass = styles[`combobox--size-${toKebab(size)}`];\n  const hasChips = multiple && selectedOptions.length > 0;\n  const rootClass = [\n    styles.combobox,\n    sizeClass,\n    invalid ? styles['combobox--invalid'] : '',\n    label != null && labelFloated ? styles['combobox--label-floated'] : '',\n    leadingIcon != null ? styles['combobox--has-leading-icon'] : '',\n    hasChips ? styles['combobox--has-chips'] : '',\n    isOpen ? styles['combobox--open'] : '',\n    disabled ? styles['combobox--disabled'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass} ref={rootRef}>\n      <div\n        className={styles.combobox__wrapper}\n        ref={anchorRef}\n      >\n        {label != null && (\n          <label className={styles.combobox__label} htmlFor={id}>\n            {label}\n          </label>\n        )}\n        <div\n          className={styles.combobox__inner}\n          onMouseDown={handleWrapperMouseDown}\n        >\n          {leadingIcon != null && (\n            <span className={styles.combobox__leadingIcon} aria-hidden>\n              {leadingIcon}\n            </span>\n          )}\n          <div className={styles.combobox__value}>\n            {multiple &&\n              selectedOptions.map((option) => (\n                <Chip\n                  key={option.value}\n                  size={CHIP_SIZE_BY_COMBOBOX[size]}\n                  leadingAvatar={option.leadingAvatar}\n                  leadingIcon={\n                    option.leadingAvatar == null\n                      ? option.leadingVisual\n                      : undefined\n                  }\n                  onRemove={\n                    disabled\n                      ? undefined\n                      : (ev) => {\n                          ev.stopPropagation();\n                          removeValue(option.value);\n                        }\n                  }\n                  removeLabel={`Remove ${option.label}`}\n                >\n                  {option.label}\n                </Chip>\n              ))}\n            <input\n              ref={setInputRef}\n              id={id}\n              className={styles.combobox__control}\n              type=\"text\"\n              role=\"combobox\"\n              autoComplete=\"off\"\n              spellCheck={false}\n              disabled={disabled}\n              placeholder={\n                multiple && selectedOptions.length > 0\n                  ? undefined\n                  : placeholder\n              }\n              value={displayInput}\n              aria-label={ariaLabel}\n              aria-invalid={invalid ? true : undefined}\n              aria-expanded={isOpen}\n              aria-controls={listboxId}\n              aria-autocomplete=\"list\"\n              aria-activedescendant={activeDescendant}\n              onChange={handleInputChange}\n              onFocus={handleFocus}\n              onBlur={handleBlur}\n              onKeyDown={handleKeyDown}\n            />\n          </div>\n          <span className={styles.combobox__trailingIcon} aria-hidden>\n            <Icon size=\"12\" glyph={<ChevronDownIcon />} />\n          </span>\n        </div>\n      </div>\n\n      {popupMounted &&\n        renderPortal(\n          <div\n            ref={portalRef}\n            className={[\n              styles.combobox__popup,\n              placement === 'above' ? styles['combobox__popup--above'] : '',\n              popupVisible ? styles['combobox__popup--visible'] : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            style={popupStyle}\n          >\n            <PopoverMenu className={styles.combobox__menu}>\n              <PopoverMenuScroll maxHeight={maxHeight}>\n                {filteredOptions.length === 0 ? (\n                  <p className={styles.combobox__empty}>{emptyMessage}</p>\n                ) : (\n                  <ul\n                    id={listboxId}\n                    className={styles.combobox__list}\n                    role=\"listbox\"\n                    aria-multiselectable={multiple || undefined}\n                    aria-label={\n                      typeof label === 'string'\n                        ? label\n                        : (ariaLabel ?? 'Options')\n                    }\n                  >\n                    {filteredOptions.map((option, index) => {\n                      const selected = isSelected(option.value);\n                      const active = index === activeIndex;\n                      const leading = optionLeadingVisual(option);\n                      return (\n                        <li\n                          key={option.value}\n                          className={styles.combobox__option}\n                          role=\"presentation\"\n                        >\n                          <MenuItem\n                            id={`${listboxId}-option-${option.value}`}\n                            role=\"option\"\n                            label={option.label}\n                            secondaryLabel={option.secondaryLabel}\n                            leadingElement={leading != null}\n                            leadingVisual={leading}\n                            trailingElement={selected}\n                            active={active}\n                            disabled={option.disabled}\n                            aria-selected={selected}\n                            onMouseDown={(ev) => {\n                              // Prevent input blur before click handler\n                              ev.preventDefault();\n                            }}\n                            onMouseEnter={() => setActiveIndex(index)}\n                            onClick={() => selectOption(option)}\n                          />\n                        </li>\n                      );\n                    })}\n                  </ul>\n                )}\n              </PopoverMenuScroll>\n            </PopoverMenu>\n          </div>,\n        )}\n    </div>\n  );\n});\n\nexport default Combobox;\n"],"names":["POPUP_MAX_HEIGHT","CHIP_SIZE_BY_COMBOBOX","defaultFilter","option","query","toSingleValue","value","toMultiValue","optionLeadingVisual","jsx","UserAvatar","Combobox","forwardRef","options","multiple","valueProp","defaultValue","onChange","inputValueProp","defaultInputValue","onInputChange","label","placeholder","leadingIcon","size","invalid","disabled","filter","emptyMessage","className","idProp","ariaLabel","portalContainer","zIndex","ref","generatedId","useId","id","listboxId","rootRef","useRef","anchorRef","inputRef","setInputRef","useCallback","node","isValueControlled","uncontrolledValue","setUncontrolledValue","useState","rawValue","singleValue","multiValue","isInputControlled","uncontrolledInput","setUncontrolledInput","isOpen","setIsOpen","isFocused","setIsFocused","activeIndex","setActiveIndex","queryOverride","setQueryOverride","selectedOption","useMemo","o","displayInput","filterQuery","setInputDisplay","next","commitValue","filteredOptions","fn","popupMounted","popupVisible","usePopoverTransition","placement","maxHeight","popupStyle","portalRef","renderPortal","useAnchoredPopupPortal","close","open","useOutsideClose","useEffect","prev","selectedIdx","isSelected","optionValue","selectOption","v","_a","removeValue","moveActive","delta","enabled","i","currentPos","nextPos","el","handleInputChange","handleFocus","handleBlur","related","handleKeyDown","handleWrapperMouseDown","hasSelection","hasInputText","labelFloated","activeOption","activeDescendant","selectedOptions","sizeClass","styles","toKebab","hasChips","rootClass","jsxs","Chip","ev","Icon","ChevronDownIcon","PopoverMenu","PopoverMenuScroll","index","selected","active","leading","MenuItem"],"mappings":"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"}

package/dist/components/combobox/Combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAKV,SAAS,EACV,MAAM,OAAO,CAAC;AAyBf,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,8EAA8E;IAC9E,aAAa,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC;IACxE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mEAAmE;IACnE,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA6CD;;;;GAIG;AACH,QAAA,MAAM,QAAQ,4GAugBZ,CAAC;AAEH,eAAe,QAAQ,CAAC"}