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

package/dist/components/divider/Divider.module.scss.js

@@ -0,0 +1,10 @@
+import './Divider.module.css';const i = "_divider_1wh3r_2", d = "_divider__line_1wh3r_6", e = {
+  divider: i,
+  divider__line: d
+};
+export {
+  e as default,
+  i as divider,
+  d as divider__line
+};
+//# sourceMappingURL=Divider.module.scss.js.map

package/dist/components/divider/Divider.module.scss.js.map

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

package/dist/components/divider/index.cjs

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,mBAAmB,WAAW,CAAC"}

package/dist/components/divider/index.js

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

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

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

package/dist/components/dropdown/Dropdown.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),w=require("../button/Button.cjs"),j=require("../../utils/string.cjs"),x=require("../icon/Icon.cjs"),__g=require("@mattermost/compass-icons/components/chevron-down.js"),g=__g?.default??__g,e=require("./Dropdown.module.scss.cjs");function b({className:o="",children:d,leadingIcon:n,padding:t="tight",size:r="medium",appearance:l="default",isOpen:s=!1,disabled:i,type:u="button",...c}){const p=e.default[`dropdown--size-${j.toKebab(r)}`],f=t==="compact"?e.default["dropdown--padding-compact"]:"",m=l==="inverted"?e.default["dropdown--appearance-inverted"]:"",_=s?e.default["dropdown--open"]:"",h=[e.default.dropdown,p,f,m,_,o].filter(Boolean).join(" ");return a.jsx(w.default,{className:h,emphasis:"quaternary",size:"medium",type:u,disabled:i,"aria-expanded":s,"aria-haspopup":"listbox",...c,children:a.jsxs("span",{className:e.default.dropdown__trigger,children:[a.jsxs("span",{className:e.default.dropdown__content,children:[n!=null&&a.jsx("span",{className:e.default.dropdown__leadingIcon,"aria-hidden":!0,children:n}),a.jsx("span",{className:e.default.dropdown__label,children:d})]}),a.jsx("span",{className:e.default.dropdown__chevron,"aria-hidden":!0,children:a.jsx(x.default,{size:"12",glyph:a.jsx(g,{})})})]})})}exports.default=b;
+//# sourceMappingURL=Dropdown.cjs.map

package/dist/components/dropdown/Dropdown.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.cjs","sources":["../../../src/components/dropdown/Dropdown.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from 'react';\nimport Button from '@/components/button/Button';\nimport { toKebab } from '@/utils/string';\nimport Icon from '@/components/icon/Icon';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport styles from './Dropdown.module.scss';\n\nexport type DropdownSize = 'x-small' | 'small' | 'medium' | 'large' | 'x-large';\nexport type DropdownAppearance = 'default' | 'inverted';\nexport type DropdownPadding = 'tight' | 'compact';\n\nexport interface DropdownProps extends Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  'size'\n> {\n  /** Optional CSS class name. */\n  className?: string;\n  /** Label text shown in the trigger. */\n  children: ReactNode;\n  /** Optional leading icon. */\n  leadingIcon?: ReactNode;\n  /** Trigger inset. Tight is default; Compact adds more padding (Figma). Default: Tight. */\n  padding?: DropdownPadding;\n  /** Size variant. Default: Medium. */\n  size?: DropdownSize;\n  /** Light or dark background context. Default: Default. */\n  appearance?: DropdownAppearance;\n  /** When true, the dropdown is in an open/active state. */\n  isOpen?: boolean;\n}\n\n/**\n * A Dropdown is a heading-weight trigger that opens a Popover Menu. It reads as a title —\n * semibold, with a chevron — and signals \"this label is also a control.\"\n */\nexport default function Dropdown({\n  className = '',\n  children,\n  leadingIcon,\n  padding = 'tight',\n  size = 'medium',\n  appearance = 'default',\n  isOpen = false,\n  disabled,\n  type = 'button',\n  ...rest\n}: DropdownProps) {\n  const sizeClass = styles[`dropdown--size-${toKebab(size)}`];\n  const paddingClass =\n    padding === 'compact' ? styles['dropdown--padding-compact'] : '';\n  const appearanceClass =\n    appearance === 'inverted' ? styles['dropdown--appearance-inverted'] : '';\n  const openClass = isOpen ? styles['dropdown--open'] : '';\n\n  const rootClass = [\n    styles.dropdown,\n    sizeClass,\n    paddingClass,\n    appearanceClass,\n    openClass,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <Button\n      className={rootClass}\n      emphasis=\"quaternary\"\n      size=\"medium\"\n      type={type}\n      disabled={disabled}\n      aria-expanded={isOpen}\n      aria-haspopup=\"listbox\"\n      {...rest}\n    >\n      <span className={styles.dropdown__trigger}>\n        <span className={styles.dropdown__content}>\n          {leadingIcon != null && (\n            <span className={styles.dropdown__leadingIcon} aria-hidden>\n              {leadingIcon}\n            </span>\n          )}\n          <span className={styles.dropdown__label}>{children}</span>\n        </span>\n        <span className={styles.dropdown__chevron} aria-hidden>\n          <Icon size=\"12\" glyph={<ChevronDownIcon />} />\n        </span>\n      </span>\n    </Button>\n  );\n}\n"],"names":["Dropdown","className","children","leadingIcon","padding","size","appearance","isOpen","disabled","type","rest","sizeClass","styles","toKebab","paddingClass","appearanceClass","openClass","rootClass","jsx","Button","jsxs","Icon","ChevronDownIcon"],"mappings":"4VAmCA,SAAwBA,EAAS,CAC/B,UAAAC,EAAY,GACZ,SAAAC,EACA,YAAAC,EACA,QAAAC,EAAU,QACV,KAAAC,EAAO,SACP,WAAAC,EAAa,UACb,OAAAC,EAAS,GACT,SAAAC,EACA,KAAAC,EAAO,SACP,GAAGC,CACL,EAAkB,CAChB,MAAMC,EAAYC,EAAAA,QAAO,kBAAkBC,EAAAA,QAAQR,CAAI,CAAC,EAAE,EACpDS,EACJV,IAAY,UAAYQ,EAAAA,QAAO,2BAA2B,EAAI,GAC1DG,EACJT,IAAe,WAAaM,EAAAA,QAAO,+BAA+B,EAAI,GAClEI,EAAYT,EAASK,UAAO,gBAAgB,EAAI,GAEhDK,EAAY,CAChBL,EAAAA,QAAO,SACPD,EACAG,EACAC,EACAC,EACAf,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEiB,EAAAA,IAACC,EAAAA,QAAA,CACC,UAAWF,EACX,SAAS,aACT,KAAK,SACL,KAAAR,EACA,SAAAD,EACA,gBAAeD,EACf,gBAAc,UACb,GAAGG,EAEJ,SAAAU,EAAAA,KAAC,OAAA,CAAK,UAAWR,EAAAA,QAAO,kBACtB,SAAA,CAAAQ,EAAAA,KAAC,OAAA,CAAK,UAAWR,EAAAA,QAAO,kBACrB,SAAA,CAAAT,GAAe,YACb,OAAA,CAAK,UAAWS,UAAO,sBAAuB,cAAW,GACvD,SAAAT,CAAA,CACH,EAEFe,EAAAA,IAAC,OAAA,CAAK,UAAWN,EAAAA,QAAO,gBAAkB,SAAAV,CAAA,CAAS,CAAA,EACrD,EACAgB,MAAC,OAAA,CAAK,UAAWN,EAAAA,QAAO,kBAAmB,cAAW,GACpD,SAAAM,EAAAA,IAACG,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOH,EAAAA,IAACI,EAAA,CAAA,CAAgB,EAAI,CAAA,CAC9C,CAAA,CAAA,CACF,CAAA,CAAA,CAGN"}

package/dist/components/dropdown/Dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAO7D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAChF,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,UAAU,CAAC;AACxD,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,SAAS,CAAC;AAElD,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,CACP;IACC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,QAAQ,EAAE,SAAS,CAAC;IACpB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,0FAA0F;IAC1F,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,qCAAqC;IACrC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,SAAc,EACd,QAAQ,EACR,WAAW,EACX,OAAiB,EACjB,IAAe,EACf,UAAsB,EACtB,MAAc,EACd,QAAQ,EACR,IAAe,EACf,GAAG,IAAI,EACR,EAAE,aAAa,2CA6Cf"}

package/dist/components/dropdown/Dropdown.js

@@ -0,0 +1,51 @@
+import { jsx as a, jsxs as e } from "react/jsx-runtime";
+import g from "../button/Button.js";
+import { toKebab as C } from "../../utils/string.js";
+import N from "../icon/Icon.js";
+import __b from "@mattermost/compass-icons/components/chevron-down.js";const b=__b&&__b.default?__b.default:__b;
+import o from "./Dropdown.module.scss.js";
+function D({
+  className: s = "",
+  children: d,
+  leadingIcon: n,
+  padding: p = "tight",
+  size: t = "medium",
+  appearance: i = "default",
+  isOpen: r = !1,
+  disabled: l,
+  type: c = "button",
+  ...m
+}) {
+  const h = o[`dropdown--size-${C(t)}`], u = p === "compact" ? o["dropdown--padding-compact"] : "", w = i === "inverted" ? o["dropdown--appearance-inverted"] : "", f = r ? o["dropdown--open"] : "", _ = [
+    o.dropdown,
+    h,
+    u,
+    w,
+    f,
+    s
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a(
+    g,
+    {
+      className: _,
+      emphasis: "quaternary",
+      size: "medium",
+      type: c,
+      disabled: l,
+      "aria-expanded": r,
+      "aria-haspopup": "listbox",
+      ...m,
+      children: /* @__PURE__ */ e("span", { className: o.dropdown__trigger, children: [
+        /* @__PURE__ */ e("span", { className: o.dropdown__content, children: [
+          n != null && /* @__PURE__ */ a("span", { className: o.dropdown__leadingIcon, "aria-hidden": !0, children: n }),
+          /* @__PURE__ */ a("span", { className: o.dropdown__label, children: d })
+        ] }),
+        /* @__PURE__ */ a("span", { className: o.dropdown__chevron, "aria-hidden": !0, children: /* @__PURE__ */ a(N, { size: "12", glyph: /* @__PURE__ */ a(b, {}) }) })
+      ] })
+    }
+  );
+}
+export {
+  D as default
+};
+//# sourceMappingURL=Dropdown.js.map

package/dist/components/dropdown/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sources":["../../../src/components/dropdown/Dropdown.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from 'react';\nimport Button from '@/components/button/Button';\nimport { toKebab } from '@/utils/string';\nimport Icon from '@/components/icon/Icon';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport styles from './Dropdown.module.scss';\n\nexport type DropdownSize = 'x-small' | 'small' | 'medium' | 'large' | 'x-large';\nexport type DropdownAppearance = 'default' | 'inverted';\nexport type DropdownPadding = 'tight' | 'compact';\n\nexport interface DropdownProps extends Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  'size'\n> {\n  /** Optional CSS class name. */\n  className?: string;\n  /** Label text shown in the trigger. */\n  children: ReactNode;\n  /** Optional leading icon. */\n  leadingIcon?: ReactNode;\n  /** Trigger inset. Tight is default; Compact adds more padding (Figma). Default: Tight. */\n  padding?: DropdownPadding;\n  /** Size variant. Default: Medium. */\n  size?: DropdownSize;\n  /** Light or dark background context. Default: Default. */\n  appearance?: DropdownAppearance;\n  /** When true, the dropdown is in an open/active state. */\n  isOpen?: boolean;\n}\n\n/**\n * A Dropdown is a heading-weight trigger that opens a Popover Menu. It reads as a title —\n * semibold, with a chevron — and signals \"this label is also a control.\"\n */\nexport default function Dropdown({\n  className = '',\n  children,\n  leadingIcon,\n  padding = 'tight',\n  size = 'medium',\n  appearance = 'default',\n  isOpen = false,\n  disabled,\n  type = 'button',\n  ...rest\n}: DropdownProps) {\n  const sizeClass = styles[`dropdown--size-${toKebab(size)}`];\n  const paddingClass =\n    padding === 'compact' ? styles['dropdown--padding-compact'] : '';\n  const appearanceClass =\n    appearance === 'inverted' ? styles['dropdown--appearance-inverted'] : '';\n  const openClass = isOpen ? styles['dropdown--open'] : '';\n\n  const rootClass = [\n    styles.dropdown,\n    sizeClass,\n    paddingClass,\n    appearanceClass,\n    openClass,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <Button\n      className={rootClass}\n      emphasis=\"quaternary\"\n      size=\"medium\"\n      type={type}\n      disabled={disabled}\n      aria-expanded={isOpen}\n      aria-haspopup=\"listbox\"\n      {...rest}\n    >\n      <span className={styles.dropdown__trigger}>\n        <span className={styles.dropdown__content}>\n          {leadingIcon != null && (\n            <span className={styles.dropdown__leadingIcon} aria-hidden>\n              {leadingIcon}\n            </span>\n          )}\n          <span className={styles.dropdown__label}>{children}</span>\n        </span>\n        <span className={styles.dropdown__chevron} aria-hidden>\n          <Icon size=\"12\" glyph={<ChevronDownIcon />} />\n        </span>\n      </span>\n    </Button>\n  );\n}\n"],"names":["Dropdown","className","children","leadingIcon","padding","size","appearance","isOpen","disabled","type","rest","sizeClass","styles","toKebab","paddingClass","appearanceClass","openClass","rootClass","jsx","Button","jsxs","Icon","ChevronDownIcon"],"mappings":";;;;;;AAmCA,SAAwBA,EAAS;AAAA,EAC/B,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,YAAAC,IAAa;AAAA,EACb,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GAAkB;AAChB,QAAMC,IAAYC,EAAO,kBAAkBC,EAAQR,CAAI,CAAC,EAAE,GACpDS,IACJV,MAAY,YAAYQ,EAAO,2BAA2B,IAAI,IAC1DG,IACJT,MAAe,aAAaM,EAAO,+BAA+B,IAAI,IAClEI,IAAYT,IAASK,EAAO,gBAAgB,IAAI,IAEhDK,IAAY;AAAA,IAChBL,EAAO;AAAA,IACPD;AAAA,IACAG;AAAA,IACAC;AAAA,IACAC;AAAA,IACAf;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAiB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,MACX,UAAS;AAAA,MACT,MAAK;AAAA,MACL,MAAAR;AAAA,MACA,UAAAD;AAAA,MACA,iBAAeD;AAAA,MACf,iBAAc;AAAA,MACb,GAAGG;AAAA,MAEJ,UAAA,gBAAAU,EAAC,QAAA,EAAK,WAAWR,EAAO,mBACtB,UAAA;AAAA,QAAA,gBAAAQ,EAAC,QAAA,EAAK,WAAWR,EAAO,mBACrB,UAAA;AAAA,UAAAT,KAAe,0BACb,QAAA,EAAK,WAAWS,EAAO,uBAAuB,eAAW,IACvD,UAAAT,EAAA,CACH;AAAA,UAEF,gBAAAe,EAAC,QAAA,EAAK,WAAWN,EAAO,iBAAkB,UAAAV,EAAA,CAAS;AAAA,QAAA,GACrD;AAAA,QACA,gBAAAgB,EAAC,QAAA,EAAK,WAAWN,EAAO,mBAAmB,eAAW,IACpD,UAAA,gBAAAM,EAACG,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAH,EAACI,GAAA,CAAA,CAAgB,GAAI,EAAA,CAC9C;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/dropdown/Dropdown.module.css

@@ -0,0 +1 @@
+._dropdown_ofxhk_2{display:inline-flex;align-items:center;background:transparent;border:0;border-radius:var(--radius-s);cursor:pointer;font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);color:var(--center-channel-color);transition:background-color var(--duration-quick) var(--ease-transition);padding:0}._dropdown_ofxhk_2:hover:not(:disabled){background-color:rgba(var(--center-channel-color-rgb),.08)}._dropdown_ofxhk_2:active:not(:disabled){background-color:rgba(var(--center-channel-color-rgb),.12)}._dropdown_ofxhk_2:focus-visible{outline:none;box-shadow:0 0 0 3px var(--center-channel-bg),0 0 0 5px var(--link-color)}._dropdown_ofxhk_2:disabled{opacity:.56;cursor:not-allowed}._dropdown_ofxhk_2 .button__label{display:contents}._dropdown__trigger_ofxhk_32{display:inline-flex;align-items:center}._dropdown__content_ofxhk_36{display:inline-flex;align-items:center;flex-shrink:0}._dropdown__leadingIcon_ofxhk_41{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}._dropdown__label_ofxhk_48{white-space:nowrap;color:inherit}._dropdown__chevron_ofxhk_52{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit;transition:transform var(--duration-quick) var(--ease-transition)}._dropdown__chevron_ofxhk_52 svg{display:block;width:var(--icon-size-12);height:var(--icon-size-12)}._dropdown--open_ofxhk_65 ._dropdown__chevron_ofxhk_52{transform:rotate(180deg)}._dropdown--size-x-small_ofxhk_68{padding-left:var(--spacing-xxxs);padding-right:var(--spacing-xxxxs)}._dropdown--size-x-small_ofxhk_68 ._dropdown__trigger_ofxhk_32,._dropdown--size-x-small_ofxhk_68 ._dropdown__content_ofxhk_36{gap:var(--spacing-xxxs)}._dropdown--size-x-small_ofxhk_68 ._dropdown__label_ofxhk_48{font-size:var(--font-size-50);line-height:var(--line-height-50);letter-spacing:.01em}._dropdown--size-x-small_ofxhk_68 ._dropdown__leadingIcon_ofxhk_41 svg{width:var(--icon-size-12);height:var(--icon-size-12)}._dropdown--size-small_ofxhk_87{padding:var(--spacing-xxxxs) var(--spacing-xxxxs) var(--spacing-xxxxs) var(--spacing-xxxs)}._dropdown--size-small_ofxhk_87 ._dropdown__trigger_ofxhk_32,._dropdown--size-small_ofxhk_87 ._dropdown__content_ofxhk_36{gap:var(--spacing-xxxs)}._dropdown--size-small_ofxhk_87 ._dropdown__label_ofxhk_48{font-size:var(--font-size-75);line-height:var(--line-height-75)}._dropdown--size-small_ofxhk_87 ._dropdown__leadingIcon_ofxhk_41 svg{width:var(--icon-size-12);height:var(--icon-size-12)}._dropdown--size-medium_ofxhk_104{padding:var(--spacing-xxxxs) var(--spacing-xxxxs) var(--spacing-xxxxs) var(--spacing-xxxs)}._dropdown--size-medium_ofxhk_104 ._dropdown__trigger_ofxhk_32{gap:var(--spacing-xxxs)}._dropdown--size-medium_ofxhk_104 ._dropdown__content_ofxhk_36{gap:var(--spacing-xs)}._dropdown--size-medium_ofxhk_104 ._dropdown__label_ofxhk_48{font-size:var(--font-size-100);line-height:var(--line-height-100)}._dropdown--size-medium_ofxhk_104 ._dropdown__chevron_ofxhk_52 svg{width:var(--icon-size-16);height:var(--icon-size-16)}._dropdown--size-medium_ofxhk_104 ._dropdown__leadingIcon_ofxhk_41 svg{width:var(--icon-size-16);height:var(--icon-size-16)}._dropdown--size-medium_ofxhk_104._dropdown--padding-compact_ofxhk_125{padding:var(--spacing-xxs) var(--spacing-xs) var(--spacing-xxs) var(--spacing-xs)}._dropdown--size-large_ofxhk_128{padding:var(--spacing-xxxxs) var(--spacing-xxxs) var(--spacing-xxxxs) var(--spacing-xxs)}._dropdown--size-large_ofxhk_128 ._dropdown__trigger_ofxhk_32{gap:var(--spacing-xxxs)}._dropdown--size-large_ofxhk_128 ._dropdown__content_ofxhk_36{gap:var(--spacing-s)}._dropdown--size-large_ofxhk_128 ._dropdown__label_ofxhk_48{font-family:var(--font-family-heading);font-size:var(--font-size-200);line-height:var(--line-height-200)}._dropdown--size-large_ofxhk_128 ._dropdown__chevron_ofxhk_52 svg{width:var(--icon-size-16);height:var(--icon-size-16)}._dropdown--size-x-large_ofxhk_146{padding:0 var(--spacing-xxs) 0 var(--spacing-xs)}._dropdown--size-x-large_ofxhk_146 ._dropdown__trigger_ofxhk_32{gap:var(--spacing-xxxs)}._dropdown--size-x-large_ofxhk_146 ._dropdown__content_ofxhk_36{gap:var(--spacing-s)}._dropdown--size-x-large_ofxhk_146 ._dropdown__label_ofxhk_48{font-family:var(--font-family-heading);font-size:var(--font-size-700);line-height:var(--line-height-700)}._dropdown--size-x-large_ofxhk_146 ._dropdown__chevron_ofxhk_52 svg{width:var(--icon-size-20);height:var(--icon-size-20)}._dropdown--appearance-inverted_ofxhk_164{color:var(--sidebar-text)}._dropdown--appearance-inverted_ofxhk_164:hover:not(:disabled){background-color:rgba(var(--sidebar-text-rgb),.12)}._dropdown--appearance-inverted_ofxhk_164:active:not(:disabled){background-color:rgba(var(--sidebar-text-rgb),.2)}._dropdown--appearance-inverted_ofxhk_164:focus-visible{box-shadow:0 0 0 3px var(--sidebar-bg),0 0 0 5px var(--button-bg)}

package/dist/components/dropdown/Dropdown.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Dropdown.module.css');const o="_dropdown_ofxhk_2",d="_dropdown__trigger_ofxhk_32",_="_dropdown__content_ofxhk_36",n="_dropdown__leadingIcon_ofxhk_41",r="_dropdown__label_ofxhk_48",e="_dropdown__chevron_ofxhk_52",p={dropdown:o,dropdown__trigger:d,dropdown__content:_,dropdown__leadingIcon:n,dropdown__label:r,dropdown__chevron:e,"dropdown--open":"_dropdown--open_ofxhk_65","dropdown--size-x-small":"_dropdown--size-x-small_ofxhk_68","dropdown--size-small":"_dropdown--size-small_ofxhk_87","dropdown--size-medium":"_dropdown--size-medium_ofxhk_104","dropdown--padding-compact":"_dropdown--padding-compact_ofxhk_125","dropdown--size-large":"_dropdown--size-large_ofxhk_128","dropdown--size-x-large":"_dropdown--size-x-large_ofxhk_146","dropdown--appearance-inverted":"_dropdown--appearance-inverted_ofxhk_164"};exports.default=p;exports.dropdown=o;exports.dropdown__chevron=e;exports.dropdown__content=_;exports.dropdown__label=r;exports.dropdown__leadingIcon=n;exports.dropdown__trigger=d;
+//# sourceMappingURL=Dropdown.module.scss.cjs.map

package/dist/components/dropdown/Dropdown.module.scss.cjs.map

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

package/dist/components/dropdown/Dropdown.module.scss.js

@@ -0,0 +1,26 @@
+import './Dropdown.module.css';const o = "_dropdown_ofxhk_2", d = "_dropdown__trigger_ofxhk_32", _ = "_dropdown__content_ofxhk_36", n = "_dropdown__leadingIcon_ofxhk_41", r = "_dropdown__label_ofxhk_48", p = "_dropdown__chevron_ofxhk_52", e = {
+  dropdown: o,
+  dropdown__trigger: d,
+  dropdown__content: _,
+  dropdown__leadingIcon: n,
+  dropdown__label: r,
+  dropdown__chevron: p,
+  "dropdown--open": "_dropdown--open_ofxhk_65",
+  "dropdown--size-x-small": "_dropdown--size-x-small_ofxhk_68",
+  "dropdown--size-small": "_dropdown--size-small_ofxhk_87",
+  "dropdown--size-medium": "_dropdown--size-medium_ofxhk_104",
+  "dropdown--padding-compact": "_dropdown--padding-compact_ofxhk_125",
+  "dropdown--size-large": "_dropdown--size-large_ofxhk_128",
+  "dropdown--size-x-large": "_dropdown--size-x-large_ofxhk_146",
+  "dropdown--appearance-inverted": "_dropdown--appearance-inverted_ofxhk_164"
+};
+export {
+  e as default,
+  o as dropdown,
+  p as dropdown__chevron,
+  _ as dropdown__content,
+  r as dropdown__label,
+  n as dropdown__leadingIcon,
+  d as dropdown__trigger
+};
+//# sourceMappingURL=Dropdown.module.scss.js.map

package/dist/components/dropdown/Dropdown.module.scss.js.map

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

package/dist/components/dropdown/index.cjs

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

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

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

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

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

package/dist/components/dropdown/index.js

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

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

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

package/dist/components/emoji/Emoji.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),e=require("./Emoji.module.scss.cjs"),a={10:e.default["emoji--size-10"],12:e.default["emoji--size-12"],16:e.default["emoji--size-16"],20:e.default["emoji--size-20"],24:e.default["emoji--size-24"],28:e.default["emoji--size-28"],32:e.default["emoji--size-32"],40:e.default["emoji--size-40"],52:e.default["emoji--size-52"],64:e.default["emoji--size-64"],104:e.default["emoji--size-104"]};function d({className:i="",emoji:o,size:t="24"}){const s=a[t],l=[e.default.emoji,s,i].filter(Boolean).join(" ");return u.jsx("span",{className:l,role:"img","aria-hidden":!0,children:o})}exports.default=d;
+//# sourceMappingURL=Emoji.cjs.map

package/dist/components/emoji/Emoji.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Emoji.cjs","sources":["../../../src/components/emoji/Emoji.tsx"],"sourcesContent":["import styles from './Emoji.module.scss';\n\nexport type EmojiSize =\n  | '10'\n  | '12'\n  | '16'\n  | '20'\n  | '24'\n  | '28'\n  | '32'\n  | '40'\n  | '52'\n  | '64'\n  | '104';\n\nexport interface EmojiProps {\n  /** Optional CSS class name. */\n  className?: string;\n  /** Emoji character(s) to display (e.g. \"👍\", \"🎉\"). */\n  emoji: string;\n  /** Size from the Mattermost icon scale. Default 24. */\n  size?: EmojiSize;\n}\n\nconst SIZE_CLASS_MAP: Record<EmojiSize, string> = {\n  '10': styles['emoji--size-10'],\n  '12': styles['emoji--size-12'],\n  '16': styles['emoji--size-16'],\n  '20': styles['emoji--size-20'],\n  '24': styles['emoji--size-24'],\n  '28': styles['emoji--size-28'],\n  '32': styles['emoji--size-32'],\n  '40': styles['emoji--size-40'],\n  '52': styles['emoji--size-52'],\n  '64': styles['emoji--size-64'],\n  '104': styles['emoji--size-104'],\n};\n\n/**\n * Emoji is a compact, inline visual for conveying emotion, intent, or status — on messages,\n * in reactions, in pickers, or sprinkled through UI copy. The component standardises sizing\n * so native Unicode and custom workspace emoji render at a consistent footprint alongside\n * Icon.\n */\nexport default function Emoji({\n  className = '',\n  emoji,\n  size = '24',\n}: EmojiProps) {\n  const sizeClass = SIZE_CLASS_MAP[size];\n  const rootClass = [\n    styles.emoji,\n    sizeClass,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <span className={rootClass} role=\"img\" aria-hidden>\n      {emoji}\n    </span>\n  );\n}\n"],"names":["SIZE_CLASS_MAP","styles","Emoji","className","emoji","size","sizeClass","rootClass","jsx"],"mappings":"sLAwBMA,EAA4C,CAChD,GAAMC,EAAAA,QAAO,gBAAgB,EAC7B,GAAMA,EAAAA,QAAO,gBAAgB,EAC7B,GAAMA,EAAAA,QAAO,gBAAgB,EAC7B,GAAMA,EAAAA,QAAO,gBAAgB,EAC7B,GAAMA,EAAAA,QAAO,gBAAgB,EAC7B,GAAMA,EAAAA,QAAO,gBAAgB,EAC7B,GAAMA,EAAAA,QAAO,gBAAgB,EAC7B,GAAMA,EAAAA,QAAO,gBAAgB,EAC7B,GAAMA,EAAAA,QAAO,gBAAgB,EAC7B,GAAMA,EAAAA,QAAO,gBAAgB,EAC7B,IAAOA,EAAAA,QAAO,iBAAiB,CACjC,EAQA,SAAwBC,EAAM,CAC5B,UAAAC,EAAY,GACZ,MAAAC,EACA,KAAAC,EAAO,IACT,EAAe,CACb,MAAMC,EAAYN,EAAeK,CAAI,EAC/BE,EAAY,CAChBN,EAAAA,QAAO,MACPK,EACAH,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEK,MAAC,QAAK,UAAWD,EAAW,KAAK,MAAM,cAAW,GAC/C,SAAAH,CAAA,CACH,CAEJ"}

package/dist/components/emoji/Emoji.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Emoji.d.ts","sourceRoot":"","sources":["../../../src/components/emoji/Emoji.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,SAAS,GACjB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,CAAC;AAEV,MAAM,WAAW,UAAU;IACzB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAgBD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,SAAc,EACd,KAAK,EACL,IAAW,GACZ,EAAE,UAAU,2CAeZ"}

package/dist/components/emoji/Emoji.js

@@ -0,0 +1,31 @@
+import { jsx as r } from "react/jsx-runtime";
+import e from "./Emoji.module.scss.js";
+const t = {
+  10: e["emoji--size-10"],
+  12: e["emoji--size-12"],
+  16: e["emoji--size-16"],
+  20: e["emoji--size-20"],
+  24: e["emoji--size-24"],
+  28: e["emoji--size-28"],
+  32: e["emoji--size-32"],
+  40: e["emoji--size-40"],
+  52: e["emoji--size-52"],
+  64: e["emoji--size-64"],
+  104: e["emoji--size-104"]
+};
+function a({
+  className: i = "",
+  emoji: o,
+  size: s = "24"
+}) {
+  const m = t[s], j = [
+    e.emoji,
+    m,
+    i
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r("span", { className: j, role: "img", "aria-hidden": !0, children: o });
+}
+export {
+  a as default
+};
+//# sourceMappingURL=Emoji.js.map

package/dist/components/emoji/Emoji.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Emoji.js","sources":["../../../src/components/emoji/Emoji.tsx"],"sourcesContent":["import styles from './Emoji.module.scss';\n\nexport type EmojiSize =\n  | '10'\n  | '12'\n  | '16'\n  | '20'\n  | '24'\n  | '28'\n  | '32'\n  | '40'\n  | '52'\n  | '64'\n  | '104';\n\nexport interface EmojiProps {\n  /** Optional CSS class name. */\n  className?: string;\n  /** Emoji character(s) to display (e.g. \"👍\", \"🎉\"). */\n  emoji: string;\n  /** Size from the Mattermost icon scale. Default 24. */\n  size?: EmojiSize;\n}\n\nconst SIZE_CLASS_MAP: Record<EmojiSize, string> = {\n  '10': styles['emoji--size-10'],\n  '12': styles['emoji--size-12'],\n  '16': styles['emoji--size-16'],\n  '20': styles['emoji--size-20'],\n  '24': styles['emoji--size-24'],\n  '28': styles['emoji--size-28'],\n  '32': styles['emoji--size-32'],\n  '40': styles['emoji--size-40'],\n  '52': styles['emoji--size-52'],\n  '64': styles['emoji--size-64'],\n  '104': styles['emoji--size-104'],\n};\n\n/**\n * Emoji is a compact, inline visual for conveying emotion, intent, or status — on messages,\n * in reactions, in pickers, or sprinkled through UI copy. The component standardises sizing\n * so native Unicode and custom workspace emoji render at a consistent footprint alongside\n * Icon.\n */\nexport default function Emoji({\n  className = '',\n  emoji,\n  size = '24',\n}: EmojiProps) {\n  const sizeClass = SIZE_CLASS_MAP[size];\n  const rootClass = [\n    styles.emoji,\n    sizeClass,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <span className={rootClass} role=\"img\" aria-hidden>\n      {emoji}\n    </span>\n  );\n}\n"],"names":["SIZE_CLASS_MAP","styles","Emoji","className","emoji","size","sizeClass","rootClass","jsx"],"mappings":";;AAwBA,MAAMA,IAA4C;AAAA,EAChD,IAAMC,EAAO,gBAAgB;AAAA,EAC7B,IAAMA,EAAO,gBAAgB;AAAA,EAC7B,IAAMA,EAAO,gBAAgB;AAAA,EAC7B,IAAMA,EAAO,gBAAgB;AAAA,EAC7B,IAAMA,EAAO,gBAAgB;AAAA,EAC7B,IAAMA,EAAO,gBAAgB;AAAA,EAC7B,IAAMA,EAAO,gBAAgB;AAAA,EAC7B,IAAMA,EAAO,gBAAgB;AAAA,EAC7B,IAAMA,EAAO,gBAAgB;AAAA,EAC7B,IAAMA,EAAO,gBAAgB;AAAA,EAC7B,KAAOA,EAAO,iBAAiB;AACjC;AAQA,SAAwBC,EAAM;AAAA,EAC5B,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,MAAAC,IAAO;AACT,GAAe;AACb,QAAMC,IAAYN,EAAeK,CAAI,GAC/BE,IAAY;AAAA,IAChBN,EAAO;AAAA,IACPK;AAAA,IACAH;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAK,EAAC,UAAK,WAAWD,GAAW,MAAK,OAAM,eAAW,IAC/C,UAAAH,EAAA,CACH;AAEJ;"}

package/dist/components/emoji/Emoji.module.css

@@ -0,0 +1 @@
+._emoji_1pc05_2{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}._emoji--size-10_1pc05_10{width:var(--icon-size-10);height:var(--icon-size-10);font-size:var(--icon-size-10)}._emoji--size-12_1pc05_15{width:var(--icon-size-12);height:var(--icon-size-12);font-size:var(--icon-size-12)}._emoji--size-16_1pc05_20{width:var(--icon-size-16);height:var(--icon-size-16);font-size:var(--icon-size-16)}._emoji--size-20_1pc05_25{width:var(--icon-size-20);height:var(--icon-size-20);font-size:var(--icon-size-20)}._emoji--size-24_1pc05_30{width:var(--icon-size-24);height:var(--icon-size-24);font-size:var(--icon-size-24)}._emoji--size-28_1pc05_35{width:var(--icon-size-28);height:var(--icon-size-28);font-size:var(--icon-size-28)}._emoji--size-32_1pc05_40{width:var(--icon-size-32);height:var(--icon-size-32);font-size:var(--icon-size-32)}._emoji--size-40_1pc05_45{width:var(--icon-size-40);height:var(--icon-size-40);font-size:var(--icon-size-40)}._emoji--size-52_1pc05_50{width:var(--icon-size-52);height:var(--icon-size-52);font-size:var(--icon-size-52)}._emoji--size-64_1pc05_55{width:var(--icon-size-64);height:var(--icon-size-64);font-size:var(--icon-size-64)}._emoji--size-104_1pc05_60{width:var(--icon-size-104);height:var(--icon-size-104);font-size:var(--icon-size-104)}

package/dist/components/emoji/Emoji.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Emoji.module.css');const e="_emoji_1pc05_2",i={emoji:e,"emoji--size-10":"_emoji--size-10_1pc05_10","emoji--size-12":"_emoji--size-12_1pc05_15","emoji--size-16":"_emoji--size-16_1pc05_20","emoji--size-20":"_emoji--size-20_1pc05_25","emoji--size-24":"_emoji--size-24_1pc05_30","emoji--size-28":"_emoji--size-28_1pc05_35","emoji--size-32":"_emoji--size-32_1pc05_40","emoji--size-40":"_emoji--size-40_1pc05_45","emoji--size-52":"_emoji--size-52_1pc05_50","emoji--size-64":"_emoji--size-64_1pc05_55","emoji--size-104":"_emoji--size-104_1pc05_60"};exports.default=i;exports.emoji=e;
+//# sourceMappingURL=Emoji.module.scss.cjs.map

package/dist/components/emoji/Emoji.module.scss.cjs.map

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

package/dist/components/emoji/Emoji.module.scss.js

@@ -0,0 +1,19 @@
+import './Emoji.module.css';const e = "_emoji_1pc05_2", i = {
+  emoji: e,
+  "emoji--size-10": "_emoji--size-10_1pc05_10",
+  "emoji--size-12": "_emoji--size-12_1pc05_15",
+  "emoji--size-16": "_emoji--size-16_1pc05_20",
+  "emoji--size-20": "_emoji--size-20_1pc05_25",
+  "emoji--size-24": "_emoji--size-24_1pc05_30",
+  "emoji--size-28": "_emoji--size-28_1pc05_35",
+  "emoji--size-32": "_emoji--size-32_1pc05_40",
+  "emoji--size-40": "_emoji--size-40_1pc05_45",
+  "emoji--size-52": "_emoji--size-52_1pc05_50",
+  "emoji--size-64": "_emoji--size-64_1pc05_55",
+  "emoji--size-104": "_emoji--size-104_1pc05_60"
+};
+export {
+  i as default,
+  e as emoji
+};
+//# sourceMappingURL=Emoji.module.scss.js.map

package/dist/components/emoji/Emoji.module.scss.js.map

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

package/dist/components/emoji/index.cjs

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

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

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

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

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

package/dist/components/emoji/index.js

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

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

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

package/dist/components/empty-state/EmptyState.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("../button/Button.cjs"),n=require("../illustration/Illustration.cjs"),d=require("../scrollbar/Scrollbar.cjs"),t=require("./EmptyState.module.scss.cjs");function c({illustration:l,title:u,description:s,action:a,className:r=""}){return e.jsx(d.default,{className:[t.default["empty-state"],r].filter(Boolean).join(" "),children:e.jsxs("div",{className:t.default["empty-state__container"],children:[l!=null&&e.jsx("div",{className:t.default["empty-state__illustration"],children:e.jsx(n.default,{...l})}),e.jsxs("div",{className:t.default["empty-state__titles"],children:[e.jsx("h2",{className:t.default["empty-state__title"],children:u}),s!=null&&e.jsx("p",{className:t.default["empty-state__description"],children:s})]}),a!=null&&e.jsx("div",{className:t.default["empty-state__action"],children:e.jsx(i.default,{...a})})]})})}exports.default=c;
+//# sourceMappingURL=EmptyState.cjs.map

package/dist/components/empty-state/EmptyState.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.cjs","sources":["../../../src/components/empty-state/EmptyState.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport Button from '@/components/button/Button';\nimport type { ButtonProps } from '@/components/button/Button';\nimport Illustration from '@/components/illustration/Illustration';\nimport type { IllustrationProps } from '@/components/illustration/Illustration';\nimport Scrollbar from '@/components/scrollbar/Scrollbar';\nimport styles from './EmptyState.module.scss';\n\nexport interface EmptyStateProps {\n  /** Illustration props (children = the SVG component). Rendered above the title. */\n  illustration?: IllustrationProps;\n  /** Main heading text. */\n  title: string;\n  /** Body description. Supports ReactNode for inline formatting. */\n  description?: ReactNode;\n  /** Button props (children = label). Rendered below the description. */\n  action?: ButtonProps;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\n/**\n * Empty State fills a view that has no content yet — no saved messages, no mentions, no\n * search results, no files. It pairs an illustration with a short explanation and, when\n * there's something the user can do next, a single action.\n */\nexport default function EmptyState({\n  illustration,\n  title,\n  description,\n  action,\n  className = '',\n}: EmptyStateProps) {\n  return (\n    <Scrollbar\n      className={[styles['empty-state'], className].filter(Boolean).join(' ')}\n    >\n      <div className={styles['empty-state__container']}>\n        {illustration != null && (\n          <div className={styles['empty-state__illustration']}>\n            <Illustration {...illustration} />\n          </div>\n        )}\n        <div className={styles['empty-state__titles']}>\n          <h2 className={styles['empty-state__title']}>{title}</h2>\n          {description != null && (\n            <p className={styles['empty-state__description']}>{description}</p>\n          )}\n        </div>\n        {action != null && (\n          <div className={styles['empty-state__action']}>\n            <Button {...action} />\n          </div>\n        )}\n      </div>\n    </Scrollbar>\n  );\n}\n"],"names":["EmptyState","illustration","title","description","action","className","jsx","Scrollbar","styles","jsxs","Illustration","Button"],"mappings":"mTA0BA,SAAwBA,EAAW,CACjC,aAAAC,EACA,MAAAC,EACA,YAAAC,EACA,OAAAC,EACA,UAAAC,EAAY,EACd,EAAoB,CAClB,OACEC,EAAAA,IAACC,EAAAA,QAAA,CACC,UAAW,CAACC,UAAO,aAAa,EAAGH,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAEtE,SAAAI,EAAAA,KAAC,MAAA,CAAI,UAAWD,UAAO,wBAAwB,EAC5C,SAAA,CAAAP,GAAgB,MACfK,EAAAA,IAAC,MAAA,CAAI,UAAWE,EAAAA,QAAO,2BAA2B,EAChD,SAAAF,EAAAA,IAACI,EAAAA,QAAA,CAAc,GAAGT,CAAA,CAAc,CAAA,CAClC,EAEFQ,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,qBAAqB,EAC1C,SAAA,CAAAF,MAAC,KAAA,CAAG,UAAWE,EAAAA,QAAO,oBAAoB,EAAI,SAAAN,EAAM,EACnDC,GAAe,MACdG,EAAAA,IAAC,IAAA,CAAE,UAAWE,EAAAA,QAAO,0BAA0B,EAAI,SAAAL,CAAA,CAAY,CAAA,EAEnE,EACCC,GAAU,MACTE,EAAAA,IAAC,MAAA,CAAI,UAAWE,EAAAA,QAAO,qBAAqB,EAC1C,SAAAF,EAAAA,IAACK,EAAAA,QAAA,CAAQ,GAAGP,CAAA,CAAQ,CAAA,CACtB,CAAA,CAAA,CAEJ,CAAA,CAAA,CAGN"}

package/dist/components/empty-state/EmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/empty-state/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAIhF,MAAM,WAAW,eAAe;IAC9B,mFAAmF;IACnF,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,uEAAuE;IACvE,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,YAAY,EACZ,KAAK,EACL,WAAW,EACX,MAAM,EACN,SAAc,GACf,EAAE,eAAe,2CAyBjB"}

package/dist/components/empty-state/EmptyState.js

@@ -0,0 +1,31 @@
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import n from "../button/Button.js";
+import o from "../illustration/Illustration.js";
+import c from "../scrollbar/Scrollbar.js";
+import e from "./EmptyState.module.scss.js";
+function h({
+  illustration: l,
+  title: r,
+  description: s,
+  action: a,
+  className: i = ""
+}) {
+  return /* @__PURE__ */ t(
+    c,
+    {
+      className: [e["empty-state"], i].filter(Boolean).join(" "),
+      children: /* @__PURE__ */ m("div", { className: e["empty-state__container"], children: [
+        l != null && /* @__PURE__ */ t("div", { className: e["empty-state__illustration"], children: /* @__PURE__ */ t(o, { ...l }) }),
+        /* @__PURE__ */ m("div", { className: e["empty-state__titles"], children: [
+          /* @__PURE__ */ t("h2", { className: e["empty-state__title"], children: r }),
+          s != null && /* @__PURE__ */ t("p", { className: e["empty-state__description"], children: s })
+        ] }),
+        a != null && /* @__PURE__ */ t("div", { className: e["empty-state__action"], children: /* @__PURE__ */ t(n, { ...a }) })
+      ] })
+    }
+  );
+}
+export {
+  h as default
+};
+//# sourceMappingURL=EmptyState.js.map

package/dist/components/empty-state/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","sources":["../../../src/components/empty-state/EmptyState.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport Button from '@/components/button/Button';\nimport type { ButtonProps } from '@/components/button/Button';\nimport Illustration from '@/components/illustration/Illustration';\nimport type { IllustrationProps } from '@/components/illustration/Illustration';\nimport Scrollbar from '@/components/scrollbar/Scrollbar';\nimport styles from './EmptyState.module.scss';\n\nexport interface EmptyStateProps {\n  /** Illustration props (children = the SVG component). Rendered above the title. */\n  illustration?: IllustrationProps;\n  /** Main heading text. */\n  title: string;\n  /** Body description. Supports ReactNode for inline formatting. */\n  description?: ReactNode;\n  /** Button props (children = label). Rendered below the description. */\n  action?: ButtonProps;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\n/**\n * Empty State fills a view that has no content yet — no saved messages, no mentions, no\n * search results, no files. It pairs an illustration with a short explanation and, when\n * there's something the user can do next, a single action.\n */\nexport default function EmptyState({\n  illustration,\n  title,\n  description,\n  action,\n  className = '',\n}: EmptyStateProps) {\n  return (\n    <Scrollbar\n      className={[styles['empty-state'], className].filter(Boolean).join(' ')}\n    >\n      <div className={styles['empty-state__container']}>\n        {illustration != null && (\n          <div className={styles['empty-state__illustration']}>\n            <Illustration {...illustration} />\n          </div>\n        )}\n        <div className={styles['empty-state__titles']}>\n          <h2 className={styles['empty-state__title']}>{title}</h2>\n          {description != null && (\n            <p className={styles['empty-state__description']}>{description}</p>\n          )}\n        </div>\n        {action != null && (\n          <div className={styles['empty-state__action']}>\n            <Button {...action} />\n          </div>\n        )}\n      </div>\n    </Scrollbar>\n  );\n}\n"],"names":["EmptyState","illustration","title","description","action","className","jsx","Scrollbar","styles","jsxs","Illustration","Button"],"mappings":";;;;;AA0BA,SAAwBA,EAAW;AAAA,EACjC,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAAoB;AAClB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAW,CAACC,EAAO,aAAa,GAAGH,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAEtE,UAAA,gBAAAI,EAAC,OAAA,EAAI,WAAWD,EAAO,wBAAwB,GAC5C,UAAA;AAAA,QAAAP,KAAgB,QACf,gBAAAK,EAAC,OAAA,EAAI,WAAWE,EAAO,2BAA2B,GAChD,UAAA,gBAAAF,EAACI,GAAA,EAAc,GAAGT,EAAA,CAAc,EAAA,CAClC;AAAA,QAEF,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,EAAO,qBAAqB,GAC1C,UAAA;AAAA,UAAA,gBAAAF,EAAC,MAAA,EAAG,WAAWE,EAAO,oBAAoB,GAAI,UAAAN,GAAM;AAAA,UACnDC,KAAe,QACd,gBAAAG,EAAC,KAAA,EAAE,WAAWE,EAAO,0BAA0B,GAAI,UAAAL,EAAA,CAAY;AAAA,QAAA,GAEnE;AAAA,QACCC,KAAU,QACT,gBAAAE,EAAC,OAAA,EAAI,WAAWE,EAAO,qBAAqB,GAC1C,UAAA,gBAAAF,EAACK,GAAA,EAAQ,GAAGP,EAAA,CAAQ,EAAA,CACtB;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/empty-state/EmptyState.module.css

@@ -0,0 +1 @@
+._empty-state_zgtu5_2{width:100%;height:100%;background-color:var(--center-channel-bg)}._empty-state_zgtu5_2 .simplebar-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%}._empty-state__container_zgtu5_14{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);padding-bottom:var(--spacing-xxl);width:100%;padding-left:var(--spacing-xxl);padding-right:var(--spacing-xxl)}._empty-state__illustration_zgtu5_24{display:flex;align-items:center;justify-content:center;flex-shrink:0}._empty-state__titles_zgtu5_30{display:flex;flex-direction:column;align-items:center;width:100%;gap:var(--spacing-s)}._empty-state__title_zgtu5_30{margin:0;font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);font-size:var(--font-size-400);line-height:var(--line-height-400);color:var(--center-channel-color);text-align:center}._empty-state__description_zgtu5_46{margin:0;font-size:var(--font-size-100);font-weight:var(--font-weight-regular);line-height:var(--line-height-100);color:rgba(var(--center-channel-color-rgb),.75);text-align:center}._empty-state__action_zgtu5_54{display:flex;justify-content:center;flex-shrink:0}

package/dist/components/empty-state/EmptyState.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./EmptyState.module.css');const t={"empty-state":"_empty-state_zgtu5_2","empty-state__container":"_empty-state__container_zgtu5_14","empty-state__illustration":"_empty-state__illustration_zgtu5_24","empty-state__titles":"_empty-state__titles_zgtu5_30","empty-state__title":"_empty-state__title_zgtu5_30","empty-state__description":"_empty-state__description_zgtu5_46","empty-state__action":"_empty-state__action_zgtu5_54"};exports.default=t;
+//# sourceMappingURL=EmptyState.module.scss.cjs.map

package/dist/components/empty-state/EmptyState.module.scss.cjs.map

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

package/dist/components/empty-state/EmptyState.module.scss.js

@@ -0,0 +1,13 @@
+import './EmptyState.module.css';const t = {
+  "empty-state": "_empty-state_zgtu5_2",
+  "empty-state__container": "_empty-state__container_zgtu5_14",
+  "empty-state__illustration": "_empty-state__illustration_zgtu5_24",
+  "empty-state__titles": "_empty-state__titles_zgtu5_30",
+  "empty-state__title": "_empty-state__title_zgtu5_30",
+  "empty-state__description": "_empty-state__description_zgtu5_46",
+  "empty-state__action": "_empty-state__action_zgtu5_54"
+};
+export {
+  t as default
+};
+//# sourceMappingURL=EmptyState.module.scss.js.map

package/dist/components/empty-state/EmptyState.module.scss.js.map

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

package/dist/components/empty-state/index.cjs

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

package/dist/components/empty-state/index.cjs.map

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

package/dist/components/empty-state/index.d.ts.map

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

package/dist/components/empty-state/index.js

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

package/dist/components/empty-state/index.js.map

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

package/dist/components/error-message/ErrorMessage.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("../icon/Icon.cjs"),__o=require("@mattermost/compass-icons/components/alert-circle-outline.js"),o=__o?.default??__o,r=require("./ErrorMessage.module.scss.cjs");function n({className:s="",message:t}){const a=[r.default["error-message"],s].filter(Boolean).join(" ");return e.jsxs("div",{className:a,role:"alert",children:[e.jsx("span",{className:r.default["error-message__icon"],"aria-hidden":!0,children:e.jsx(l.default,{size:"12",glyph:e.jsx(o,{})})}),e.jsx("span",{className:r.default["error-message__text"],children:t})]})}exports.default=n;
+//# sourceMappingURL=ErrorMessage.cjs.map

package/dist/components/error-message/ErrorMessage.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessage.cjs","sources":["../../../src/components/error-message/ErrorMessage.tsx"],"sourcesContent":["import Icon from '@/components/icon/Icon';\nimport AlertCircleOutlineIcon from '@mattermost/compass-icons/components/alert-circle-outline';\nimport styles from './ErrorMessage.module.scss';\n\nexport interface ErrorMessageProps {\n  /** Optional CSS class name. */\n  className?: string;\n  /** The error message text to display. */\n  message: string;\n}\n\n/**\n * Error Message is the inline red error line that appears below a form input when validation\n * fails. It pairs an alert glyph with a short, human-readable explanation so the user can\n * fix the field and move on.\n */\nexport default function ErrorMessage({\n  className = '',\n  message,\n}: ErrorMessageProps) {\n  const rootClass = [styles['error-message'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass} role=\"alert\">\n      <span className={styles['error-message__icon']} aria-hidden>\n        <Icon size=\"12\" glyph={<AlertCircleOutlineIcon />} />\n      </span>\n      <span className={styles['error-message__text']}>{message}</span>\n    </div>\n  );\n}\n"],"names":["ErrorMessage","className","message","rootClass","styles","jsxs","jsx","Icon","AlertCircleOutlineIcon"],"mappings":"kSAgBA,SAAwBA,EAAa,CACnC,UAAAC,EAAY,GACZ,QAAAC,CACF,EAAsB,CACpB,MAAMC,EAAY,CAACC,UAAO,eAAe,EAAGH,CAAS,EAClD,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEI,EAAAA,KAAC,MAAA,CAAI,UAAWF,EAAW,KAAK,QAC9B,SAAA,CAAAG,MAAC,OAAA,CAAK,UAAWF,EAAAA,QAAO,qBAAqB,EAAG,cAAW,GACzD,SAAAE,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOD,EAAAA,IAACE,EAAA,CAAA,CAAuB,EAAI,EACrD,QACC,OAAA,CAAK,UAAWJ,EAAAA,QAAO,qBAAqB,EAAI,SAAAF,CAAA,CAAQ,CAAA,EAC3D,CAEJ"}

package/dist/components/error-message/ErrorMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessage.d.ts","sourceRoot":"","sources":["../../../src/components/error-message/ErrorMessage.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,iBAAiB;IAChC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,SAAc,EACd,OAAO,GACR,EAAE,iBAAiB,2CAanB"}

package/dist/components/error-message/ErrorMessage.js

@@ -0,0 +1,18 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import i from "../icon/Icon.js";
+import __l from "@mattermost/compass-icons/components/alert-circle-outline.js";const l=__l&&__l.default?__l.default:__l;
+import e from "./ErrorMessage.module.scss.js";
+function d({
+  className: s = "",
+  message: o
+}) {
+  const a = [e["error-message"], s].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t("div", { className: a, role: "alert", children: [
+    /* @__PURE__ */ r("span", { className: e["error-message__icon"], "aria-hidden": !0, children: /* @__PURE__ */ r(i, { size: "12", glyph: /* @__PURE__ */ r(l, {}) }) }),
+    /* @__PURE__ */ r("span", { className: e["error-message__text"], children: o })
+  ] });
+}
+export {
+  d as default
+};
+//# sourceMappingURL=ErrorMessage.js.map

package/dist/components/error-message/ErrorMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessage.js","sources":["../../../src/components/error-message/ErrorMessage.tsx"],"sourcesContent":["import Icon from '@/components/icon/Icon';\nimport AlertCircleOutlineIcon from '@mattermost/compass-icons/components/alert-circle-outline';\nimport styles from './ErrorMessage.module.scss';\n\nexport interface ErrorMessageProps {\n  /** Optional CSS class name. */\n  className?: string;\n  /** The error message text to display. */\n  message: string;\n}\n\n/**\n * Error Message is the inline red error line that appears below a form input when validation\n * fails. It pairs an alert glyph with a short, human-readable explanation so the user can\n * fix the field and move on.\n */\nexport default function ErrorMessage({\n  className = '',\n  message,\n}: ErrorMessageProps) {\n  const rootClass = [styles['error-message'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass} role=\"alert\">\n      <span className={styles['error-message__icon']} aria-hidden>\n        <Icon size=\"12\" glyph={<AlertCircleOutlineIcon />} />\n      </span>\n      <span className={styles['error-message__text']}>{message}</span>\n    </div>\n  );\n}\n"],"names":["ErrorMessage","className","message","rootClass","styles","jsxs","jsx","Icon","AlertCircleOutlineIcon"],"mappings":";;;;AAgBA,SAAwBA,EAAa;AAAA,EACnC,WAAAC,IAAY;AAAA,EACZ,SAAAC;AACF,GAAsB;AACpB,QAAMC,IAAY,CAACC,EAAO,eAAe,GAAGH,CAAS,EAClD,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAI,EAAC,OAAA,EAAI,WAAWF,GAAW,MAAK,SAC9B,UAAA;AAAA,IAAA,gBAAAG,EAAC,QAAA,EAAK,WAAWF,EAAO,qBAAqB,GAAG,eAAW,IACzD,UAAA,gBAAAE,EAACC,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAD,EAACE,GAAA,CAAA,CAAuB,GAAI,GACrD;AAAA,sBACC,QAAA,EAAK,WAAWJ,EAAO,qBAAqB,GAAI,UAAAF,EAAA,CAAQ;AAAA,EAAA,GAC3D;AAEJ;"}

package/dist/components/error-message/ErrorMessage.module.css

@@ -0,0 +1 @@
+._error-message_1l0v1_2{display:flex;align-items:flex-start;gap:var(--spacing-xxs)}._error-message__icon_1l0v1_7{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--error-text, var(--color-danger));padding-top:1px}._error-message__text_1l0v1_15{font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-75);color:var(--error-text, var(--color-danger));flex:1 0 0;min-width:0}

package/dist/components/error-message/ErrorMessage.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ErrorMessage.module.css');const e={"error-message":"_error-message_1l0v1_2","error-message__icon":"_error-message__icon_1l0v1_7","error-message__text":"_error-message__text_1l0v1_15"};exports.default=e;
+//# sourceMappingURL=ErrorMessage.module.scss.cjs.map

package/dist/components/error-message/ErrorMessage.module.scss.cjs.map

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

package/dist/components/error-message/ErrorMessage.module.scss.js

@@ -0,0 +1,9 @@
+import './ErrorMessage.module.css';const e = {
+  "error-message": "_error-message_1l0v1_2",
+  "error-message__icon": "_error-message__icon_1l0v1_7",
+  "error-message__text": "_error-message__text_1l0v1_15"
+};
+export {
+  e as default
+};
+//# sourceMappingURL=ErrorMessage.module.scss.js.map

package/dist/components/error-message/ErrorMessage.module.scss.js.map

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

package/dist/components/error-message/index.cjs

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

package/dist/components/error-message/index.cjs.map

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

package/dist/components/error-message/index.d.ts.map

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

package/dist/components/error-message/index.js

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

package/dist/components/error-message/index.js.map

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

package/dist/components/feature-discovery-panel/FeatureDiscoveryPanel.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("../button/Button.cjs"),c=require("../icon/Icon.cjs"),o=require("../illustration/Illustration.cjs"),f=require("../tag/Tag.cjs"),__v=require("@mattermost/compass-icons/components/mattermost.js"),v=__v?.default??__v,l=require("./FeatureDiscoveryPanel.module.scss.cjs");function _({skuLabel:t="PROFESSIONAL",title:r,description:d,primaryAction:s,secondaryAction:a,illustration:u,className:n=""}){return e.jsxs("div",{className:[l.default["feature-discovery-panel"],n].filter(Boolean).join(" "),children:[e.jsxs("div",{className:l.default["feature-discovery-panel__content"],children:[e.jsxs("div",{className:l.default["feature-discovery-panel__text"],children:[e.jsxs("div",{className:l.default["feature-discovery-panel__title-group"],children:[t!=null&&e.jsx(f.default,{label:t,casing:"all-caps",leadingIcon:e.jsx(c.default,{size:"10",glyph:e.jsx(v,{})})}),e.jsx("h2",{className:l.default["feature-discovery-panel__title"],children:r})]}),e.jsx("p",{className:l.default["feature-discovery-panel__description"],children:d})]}),(s!=null||a!=null)&&e.jsxs("div",{className:l.default["feature-discovery-panel__actions"],children:[s!=null&&e.jsx("div",{className:l.default["feature-discovery-panel__action"],children:e.jsx(i.default,{size:"medium",...s})}),a!=null&&e.jsx("div",{className:l.default["feature-discovery-panel__action"],children:e.jsx(i.default,{size:"medium",...a})})]})]}),u!=null&&e.jsx("div",{className:l.default["feature-discovery-panel__illustration"],children:e.jsx(o.default,{...u})})]})}exports.default=_;
+//# sourceMappingURL=FeatureDiscoveryPanel.cjs.map

package/dist/components/feature-discovery-panel/FeatureDiscoveryPanel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureDiscoveryPanel.cjs","sources":["../../../src/components/feature-discovery-panel/FeatureDiscoveryPanel.tsx"],"sourcesContent":["import Button from '@/components/button/Button';\nimport type { ButtonProps } from '@/components/button/Button';\nimport Icon from '@/components/icon/Icon';\nimport Illustration from '@/components/illustration/Illustration';\nimport type { IllustrationProps } from '@/components/illustration/Illustration';\nimport Tag from '@/components/tag/Tag';\nimport MattermostIcon from '@mattermost/compass-icons/components/mattermost';\nimport styles from './FeatureDiscoveryPanel.module.scss';\n\nexport interface FeatureDiscoveryPanelProps {\n  /** SKU tag label (e.g. \"PROFESSIONAL\"). Set to null to hide. */\n  skuLabel?: string | null;\n  /** Panel heading title. */\n  title: string;\n  /** Body description text. */\n  description: string;\n  /** Primary CTA button props (children = label). */\n  primaryAction?: ButtonProps;\n  /** Secondary CTA button props (children = label). */\n  secondaryAction?: ButtonProps;\n  /** Illustration props (children = the SVG component). Rendered in the right column. */\n  illustration?: IllustrationProps;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\n/**\n * Feature Discovery Panels surface capabilities only available on a higher-tier SKU. They\n * live in the System Console and are visible to admins — never to end users. The goal is to\n * communicate the value of the feature, not gate the UI behind a paywall.\n */\nexport default function FeatureDiscoveryPanel({\n  skuLabel = 'PROFESSIONAL',\n  title,\n  description,\n  primaryAction,\n  secondaryAction,\n  illustration,\n  className = '',\n}: FeatureDiscoveryPanelProps) {\n  return (\n    <div\n      className={[styles['feature-discovery-panel'], className]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div className={styles['feature-discovery-panel__content']}>\n        <div className={styles['feature-discovery-panel__text']}>\n          <div className={styles['feature-discovery-panel__title-group']}>\n            {skuLabel != null && (\n              <Tag\n                label={skuLabel}\n                casing=\"all-caps\"\n                leadingIcon={<Icon size=\"10\" glyph={<MattermostIcon />} />}\n              />\n            )}\n            <h2 className={styles['feature-discovery-panel__title']}>\n              {title}\n            </h2>\n          </div>\n          <p className={styles['feature-discovery-panel__description']}>\n            {description}\n          </p>\n        </div>\n\n        {(primaryAction != null || secondaryAction != null) && (\n          <div className={styles['feature-discovery-panel__actions']}>\n            {primaryAction != null && (\n              <div className={styles['feature-discovery-panel__action']}>\n                <Button size=\"medium\" {...primaryAction} />\n              </div>\n            )}\n            {secondaryAction != null && (\n              <div className={styles['feature-discovery-panel__action']}>\n                <Button size=\"medium\" {...secondaryAction} />\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n\n      {illustration != null && (\n        <div className={styles['feature-discovery-panel__illustration']}>\n          <Illustration {...illustration} />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["FeatureDiscoveryPanel","skuLabel","title","description","primaryAction","secondaryAction","illustration","className","jsxs","styles","jsx","Tag","Icon","MattermostIcon","Button","Illustration"],"mappings":"6YA+BA,SAAwBA,EAAsB,CAC5C,SAAAC,EAAW,eACX,MAAAC,EACA,YAAAC,EACA,cAAAC,EACA,gBAAAC,EACA,aAAAC,EACA,UAAAC,EAAY,EACd,EAA+B,CAC7B,OACEC,EAAAA,KAAC,MAAA,CACC,UAAW,CAACC,UAAO,yBAAyB,EAAGF,CAAS,EACrD,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,SAAA,CAAAC,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,kCAAkC,EACvD,SAAA,CAAAD,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,+BAA+B,EACpD,SAAA,CAAAD,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,sCAAsC,EAC1D,SAAA,CAAAR,GAAY,MACXS,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAOV,EACP,OAAO,WACP,kBAAcW,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOF,EAAAA,IAACG,IAAe,CAAA,CAAI,CAAA,CAAA,QAG3D,KAAA,CAAG,UAAWJ,EAAAA,QAAO,gCAAgC,EACnD,SAAAP,CAAA,CACH,CAAA,EACF,QACC,IAAA,CAAE,UAAWO,EAAAA,QAAO,sCAAsC,EACxD,SAAAN,CAAA,CACH,CAAA,EACF,GAEEC,GAAiB,MAAQC,GAAmB,cAC3C,MAAA,CAAI,UAAWI,EAAAA,QAAO,kCAAkC,EACtD,SAAA,CAAAL,GAAiB,MAChBM,MAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,iCAAiC,EACtD,SAAAC,EAAAA,IAACI,EAAAA,QAAA,CAAO,KAAK,SAAU,GAAGV,EAAe,EAC3C,EAEDC,GAAmB,MAClBK,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,iCAAiC,EACtD,SAAAC,EAAAA,IAACI,EAAAA,QAAA,CAAO,KAAK,SAAU,GAAGT,EAAiB,CAAA,CAC7C,CAAA,CAAA,CAEJ,CAAA,EAEJ,EAECC,GAAgB,MACfI,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,uCAAuC,EAC5D,SAAAC,EAAAA,IAACK,EAAAA,QAAA,CAAc,GAAGT,CAAA,CAAc,CAAA,CAClC,CAAA,CAAA,CAAA,CAIR"}

package/dist/components/feature-discovery-panel/FeatureDiscoveryPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureDiscoveryPanel.d.ts","sourceRoot":"","sources":["../../../src/components/feature-discovery-panel/FeatureDiscoveryPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAG9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAKhF,MAAM,WAAW,0BAA0B;IACzC,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,mDAAmD;IACnD,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,qDAAqD;IACrD,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,uFAAuF;IACvF,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,QAAyB,EACzB,KAAK,EACL,WAAW,EACX,aAAa,EACb,eAAe,EACf,YAAY,EACZ,SAAc,GACf,EAAE,0BAA0B,2CAiD5B"}