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

package/dist/components/radio/Radio.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),C=require("react"),h=require("../../hooks/use-controllable.cjs"),q=require("../../utils/string.cjs"),e=require("./Radio.module.scss.cjs");function v({className:r="",size:n="medium",valid:s=!0,children:t,id:d,checked:o,defaultChecked:i,disabled:u,onChange:c,name:_,value:m,...f}){const b=C.useId(),l=d??b,[,j]=h.useControllable(o,i,c),p=e.default[`radio--size-${q.toKebab(n)}`],g=s?"":e.default["radio--invalid"],x=[e.default.radio,p,g,r].filter(Boolean).join(" ");return a.jsxs("label",{className:x,htmlFor:l,children:[a.jsx("input",{id:l,type:"radio",name:_,value:m,className:e.default.radio__input,checked:o,defaultChecked:i,disabled:u,"aria-invalid":s?void 0:!0,onChange:j,...f}),a.jsx("span",{className:e.default.radio__circle,children:a.jsx("span",{className:e.default.radio__dot,"aria-hidden":!0})}),t!=null&&a.jsx("span",{className:e.default.radio__label,children:t})]})}exports.default=v;
+//# sourceMappingURL=Radio.cjs.map

package/dist/components/radio/Radio.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.cjs","sources":["../../../src/components/radio/Radio.tsx"],"sourcesContent":["import type { InputHTMLAttributes } from 'react';\nimport { useId } from 'react';\nimport { useControllable } from '@/hooks/use-controllable';\nimport { toKebab } from '@/utils/string';\nimport styles from './Radio.module.scss';\n\nexport type RadioSize = 'small' | 'medium' | 'large';\n\nexport interface RadioProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'size' | 'type'\n> {\n  /** Optional CSS class name. */\n  className?: string;\n  /** Size variant. Figma: Small (12px), Medium (16px), Large (20px). Default: Medium. */\n  size?: RadioSize;\n  /** When false, uses error/destructive styling (red when checked). Default: true. */\n  valid?: boolean;\n  /** Label content. Rendered next to the radio. */\n  children?: React.ReactNode;\n}\n\n/**\n * Radios let people pick exactly one option from a small, mutually exclusive set — a\n * workspace plan, a notification cadence, a default theme. Use a Radio when the choices are\n * few enough to show at once and the user benefits from seeing every option side-by-side.\n */\nexport default function Radio({\n  className = '',\n  size = 'medium',\n  valid = true,\n  children,\n  id: idProp,\n  checked,\n  defaultChecked,\n  disabled,\n  onChange,\n  name,\n  value,\n  ...rest\n}: RadioProps) {\n  const generatedId = useId();\n  const id = idProp ?? generatedId;\n  const [, handleChange] = useControllable(checked, defaultChecked, onChange);\n\n  const sizeClass = styles[`radio--size-${toKebab(size)}`];\n  const invalidClass = valid ? '' : styles['radio--invalid'];\n\n  const rootClass = [styles.radio, sizeClass, invalidClass, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <label className={rootClass} htmlFor={id}>\n      <input\n        id={id}\n        type=\"radio\"\n        name={name}\n        value={value}\n        className={styles['radio__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['radio__circle']}>\n        <span className={styles['radio__dot']} aria-hidden />\n      </span>\n      {children != null && (\n        <span className={styles['radio__label']}>{children}</span>\n      )}\n    </label>\n  );\n}\n"],"names":["Radio","className","size","valid","children","idProp","checked","defaultChecked","disabled","onChange","name","value","rest","generatedId","useId","id","handleChange","useControllable","sizeClass","styles","toKebab","invalidClass","rootClass","jsxs","jsx"],"mappings":"0RA2BA,SAAwBA,EAAM,CAC5B,UAAAC,EAAY,GACZ,KAAAC,EAAO,SACP,MAAAC,EAAQ,GACR,SAAAC,EACA,GAAIC,EACJ,QAAAC,EACA,eAAAC,EACA,SAAAC,EACA,SAAAC,EACA,KAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EAAe,CACb,MAAMC,EAAcC,EAAAA,MAAA,EACdC,EAAKV,GAAUQ,EACf,CAAA,CAAGG,CAAY,EAAIC,EAAAA,gBAAgBX,EAASC,EAAgBE,CAAQ,EAEpES,EAAYC,EAAAA,QAAO,eAAeC,EAAAA,QAAQlB,CAAI,CAAC,EAAE,EACjDmB,EAAelB,EAAQ,GAAKgB,EAAAA,QAAO,gBAAgB,EAEnDG,EAAY,CAACH,UAAO,MAAOD,EAAWG,EAAcpB,CAAS,EAChE,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEsB,EAAAA,KAAC,QAAA,CAAM,UAAWD,EAAW,QAASP,EACpC,SAAA,CAAAS,EAAAA,IAAC,QAAA,CACC,GAAAT,EACA,KAAK,QACL,KAAAL,EACA,MAAAC,EACA,UAAWQ,EAAAA,QAAO,aAClB,QAAAb,EACA,eAAAC,EACA,SAAAC,EACA,eAAcL,EAAQ,OAAY,GAClC,SAAUa,EACT,GAAGJ,CAAA,CAAA,EAENY,EAAAA,IAAC,OAAA,CAAK,UAAWL,EAAAA,QAAO,cACtB,SAAAK,EAAAA,IAAC,OAAA,CAAK,UAAWL,EAAAA,QAAO,WAAe,cAAW,GAAC,EACrD,EACCf,GAAY,MACXoB,EAAAA,IAAC,OAAA,CAAK,UAAWL,EAAAA,QAAO,aAAkB,SAAAf,CAAA,CAAS,CAAA,EAEvD,CAEJ"}

package/dist/components/radio/Radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAMjD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAErD,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,MAAM,CAChB;IACC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oFAAoF;IACpF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,SAAc,EACd,IAAe,EACf,KAAY,EACZ,QAAQ,EACR,EAAE,EAAE,MAAM,EACV,OAAO,EACP,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,GAAG,IAAI,EACR,EAAE,UAAU,2CAmCZ"}

package/dist/components/radio/Radio.js

@@ -0,0 +1,45 @@
+import { jsxs as g, jsx as o } from "react/jsx-runtime";
+import { useId as j } from "react";
+import { useControllable as v } from "../../hooks/use-controllable.js";
+import { toKebab as x } from "../../utils/string.js";
+import a from "./Radio.module.scss.js";
+function K({
+  className: t = "",
+  size: l = "medium",
+  valid: i = !0,
+  children: s,
+  id: d,
+  checked: r,
+  defaultChecked: e,
+  disabled: m,
+  onChange: c,
+  name: p,
+  value: u,
+  ..._
+}) {
+  const f = j(), n = d ?? f, [, b] = v(r, e, c), C = a[`radio--size-${x(l)}`], N = i ? "" : a["radio--invalid"], h = [a.radio, C, N, t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ g("label", { className: h, htmlFor: n, children: [
+    /* @__PURE__ */ o(
+      "input",
+      {
+        id: n,
+        type: "radio",
+        name: p,
+        value: u,
+        className: a.radio__input,
+        checked: r,
+        defaultChecked: e,
+        disabled: m,
+        "aria-invalid": i ? void 0 : !0,
+        onChange: b,
+        ..._
+      }
+    ),
+    /* @__PURE__ */ o("span", { className: a.radio__circle, children: /* @__PURE__ */ o("span", { className: a.radio__dot, "aria-hidden": !0 }) }),
+    s != null && /* @__PURE__ */ o("span", { className: a.radio__label, children: s })
+  ] });
+}
+export {
+  K as default
+};
+//# sourceMappingURL=Radio.js.map

package/dist/components/radio/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sources":["../../../src/components/radio/Radio.tsx"],"sourcesContent":["import type { InputHTMLAttributes } from 'react';\nimport { useId } from 'react';\nimport { useControllable } from '@/hooks/use-controllable';\nimport { toKebab } from '@/utils/string';\nimport styles from './Radio.module.scss';\n\nexport type RadioSize = 'small' | 'medium' | 'large';\n\nexport interface RadioProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'size' | 'type'\n> {\n  /** Optional CSS class name. */\n  className?: string;\n  /** Size variant. Figma: Small (12px), Medium (16px), Large (20px). Default: Medium. */\n  size?: RadioSize;\n  /** When false, uses error/destructive styling (red when checked). Default: true. */\n  valid?: boolean;\n  /** Label content. Rendered next to the radio. */\n  children?: React.ReactNode;\n}\n\n/**\n * Radios let people pick exactly one option from a small, mutually exclusive set — a\n * workspace plan, a notification cadence, a default theme. Use a Radio when the choices are\n * few enough to show at once and the user benefits from seeing every option side-by-side.\n */\nexport default function Radio({\n  className = '',\n  size = 'medium',\n  valid = true,\n  children,\n  id: idProp,\n  checked,\n  defaultChecked,\n  disabled,\n  onChange,\n  name,\n  value,\n  ...rest\n}: RadioProps) {\n  const generatedId = useId();\n  const id = idProp ?? generatedId;\n  const [, handleChange] = useControllable(checked, defaultChecked, onChange);\n\n  const sizeClass = styles[`radio--size-${toKebab(size)}`];\n  const invalidClass = valid ? '' : styles['radio--invalid'];\n\n  const rootClass = [styles.radio, sizeClass, invalidClass, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <label className={rootClass} htmlFor={id}>\n      <input\n        id={id}\n        type=\"radio\"\n        name={name}\n        value={value}\n        className={styles['radio__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['radio__circle']}>\n        <span className={styles['radio__dot']} aria-hidden />\n      </span>\n      {children != null && (\n        <span className={styles['radio__label']}>{children}</span>\n      )}\n    </label>\n  );\n}\n"],"names":["Radio","className","size","valid","children","idProp","checked","defaultChecked","disabled","onChange","name","value","rest","generatedId","useId","id","handleChange","useControllable","sizeClass","styles","toKebab","invalidClass","rootClass","jsxs","jsx"],"mappings":";;;;;AA2BA,SAAwBA,EAAM;AAAA,EAC5B,WAAAC,IAAY;AAAA,EACZ,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,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GAAe;AACb,QAAMC,IAAcC,EAAA,GACdC,IAAKV,KAAUQ,GACf,CAAA,EAAGG,CAAY,IAAIC,EAAgBX,GAASC,GAAgBE,CAAQ,GAEpES,IAAYC,EAAO,eAAeC,EAAQlB,CAAI,CAAC,EAAE,GACjDmB,IAAelB,IAAQ,KAAKgB,EAAO,gBAAgB,GAEnDG,IAAY,CAACH,EAAO,OAAOD,GAAWG,GAAcpB,CAAS,EAChE,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAsB,EAAC,SAAA,EAAM,WAAWD,GAAW,SAASP,GACpC,UAAA;AAAA,IAAA,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAAT;AAAA,QACA,MAAK;AAAA,QACL,MAAAL;AAAA,QACA,OAAAC;AAAA,QACA,WAAWQ,EAAO;AAAA,QAClB,SAAAb;AAAA,QACA,gBAAAC;AAAA,QACA,UAAAC;AAAA,QACA,gBAAcL,IAAQ,SAAY;AAAA,QAClC,UAAUa;AAAA,QACT,GAAGJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEN,gBAAAY,EAAC,QAAA,EAAK,WAAWL,EAAO,eACtB,UAAA,gBAAAK,EAAC,QAAA,EAAK,WAAWL,EAAO,YAAe,eAAW,IAAC,GACrD;AAAA,IACCf,KAAY,QACX,gBAAAoB,EAAC,QAAA,EAAK,WAAWL,EAAO,cAAkB,UAAAf,EAAA,CAAS;AAAA,EAAA,GAEvD;AAEJ;"}

package/dist/components/radio/Radio.module.css

@@ -0,0 +1 @@
+._radio_1e67f_2{position:relative;display:flex;align-items:center;width:100%;gap:var(--spacing-xs);font-family:var(--font-family-body);color:var(--center-channel-color);cursor:pointer;-webkit-user-select:none;user-select:none}._radio_1e67f_2:has(._radio__input_1e67f_13:disabled){cursor:not-allowed;color:rgba(var(--center-channel-color-rgb),.56)}._radio__input_1e67f_13{position:absolute;left:0;top:50%;transform:translateY(-50%);margin:0;padding:0;opacity:0;overflow:hidden;white-space:nowrap;border:0;cursor:inherit}._radio__input_1e67f_13:focus-visible{outline:none}._radio__circle_1e67f_33{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);border-radius:var(--radius-full);transition:background-color var(--duration-quick) var(--ease-transition),border-color var(--duration-quick) var(--ease-transition),border-width var(--duration-quick) var(--ease-transition),box-shadow var(--duration-quick) var(--ease-transition)}._radio__input_1e67f_13:focus-visible~._radio__circle_1e67f_33{box-shadow:0 0 0 4px rgba(var(--button-bg-rgb),.56)}._radio_1e67f_2:has(._radio__input_1e67f_13:not(:disabled)):hover ._radio__circle_1e67f_33{border-color:rgba(var(--center-channel-color-rgb),.32)}._radio__input_1e67f_13:disabled~._radio__circle_1e67f_33{border-color:rgba(var(--center-channel-color-rgb),.16)}._radio__input_1e67f_13:checked~._radio__circle_1e67f_33{background-color:var(--center-channel-bg);border-width:1px;border-color:var(--button-bg)}._radio__input_1e67f_13:checked~._radio__circle_1e67f_33 ._radio__dot_1e67f_59{background-color:var(--button-bg)}._radio_1e67f_2:has(._radio__input_1e67f_13:not(:disabled)):hover ._radio__input_1e67f_13:checked~._radio__circle_1e67f_33{border-color:var(--button-bg)}._radio_1e67f_2:has(._radio__input_1e67f_13:not(:disabled)):hover ._radio__input_1e67f_13:checked~._radio__circle_1e67f_33 ._radio__dot_1e67f_59{background-color:var(--button-bg)}._radio__input_1e67f_13:focus-visible:checked~._radio__circle_1e67f_33{border-color:var(--button-bg);box-shadow:0 0 0 2px rgba(var(--button-bg-rgb),.56)}._radio__input_1e67f_13:disabled:checked~._radio__circle_1e67f_33{background-color:var(--center-channel-bg);border-color:rgba(var(--center-channel-color-rgb),.32);border-width:1px}._radio__input_1e67f_13:disabled:checked~._radio__circle_1e67f_33 ._radio__dot_1e67f_59{background-color:rgba(var(--center-channel-color-rgb),.32)}._radio--invalid_1e67f_80 ._radio__circle_1e67f_33{border-color:var(--error-text, var(--color-danger))}._radio_1e67f_2:has(._radio__input_1e67f_13:not(:disabled)):hover._radio--invalid_1e67f_80 ._radio__input_1e67f_13:not(:checked)~._radio__circle_1e67f_33{border-color:var(--error-text, var(--color-danger))}._radio--invalid_1e67f_80 ._radio__input_1e67f_13:checked~._radio__circle_1e67f_33{background-color:var(--center-channel-bg);border-width:1px;border-color:var(--error-text, var(--color-danger))}._radio--invalid_1e67f_80 ._radio__input_1e67f_13:checked~._radio__circle_1e67f_33 ._radio__dot_1e67f_59{background-color:var(--error-text, var(--color-danger))}._radio_1e67f_2:has(._radio__input_1e67f_13:not(:disabled)):hover._radio--invalid_1e67f_80 ._radio__input_1e67f_13:checked~._radio__circle_1e67f_33{border-color:var(--error-text, var(--color-danger))}._radio_1e67f_2:has(._radio__input_1e67f_13:not(:disabled)):hover._radio--invalid_1e67f_80 ._radio__input_1e67f_13:checked~._radio__circle_1e67f_33 ._radio__dot_1e67f_59{background-color:var(--error-text, var(--color-danger))}._radio--invalid_1e67f_80 ._radio__input_1e67f_13:focus-visible~._radio__circle_1e67f_33{box-shadow:0 0 0 2px rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.56)}._radio--invalid_1e67f_80 ._radio__input_1e67f_13:focus-visible:checked~._radio__circle_1e67f_33{box-shadow:0 0 0 2px rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.56)}._radio__dot_1e67f_59{display:block;border-radius:var(--radius-full);pointer-events:none;transform:scale(.5);transition:transform var(--duration-quick) var(--ease-entrance)}._radio__input_1e67f_13:checked~._radio__circle_1e67f_33 ._radio__dot_1e67f_59{transform:scale(1)}._radio__label_1e67f_116{line-height:1}._radio--size-small_1e67f_119{gap:var(--spacing-xs)}._radio--size-small_1e67f_119 ._radio__input_1e67f_13,._radio--size-small_1e67f_119 ._radio__circle_1e67f_33{width:12px;height:12px}._radio--size-small_1e67f_119 ._radio__dot_1e67f_59{width:6px;height:6px}._radio--size-small_1e67f_119 ._radio__label_1e67f_116{font-size:var(--font-size-75);line-height:var(--line-height-75)}._radio--size-medium_1e67f_138{gap:var(--spacing-xs)}._radio--size-medium_1e67f_138 ._radio__input_1e67f_13,._radio--size-medium_1e67f_138 ._radio__circle_1e67f_33{width:16px;height:16px}._radio--size-medium_1e67f_138 ._radio__dot_1e67f_59{width:8px;height:8px}._radio--size-medium_1e67f_138 ._radio__label_1e67f_116{font-size:var(--font-size-100);line-height:var(--line-height-100)}._radio--size-large_1e67f_157{gap:var(--spacing-s)}._radio--size-large_1e67f_157 ._radio__input_1e67f_13,._radio--size-large_1e67f_157 ._radio__circle_1e67f_33{width:20px;height:20px}._radio--size-large_1e67f_157 ._radio__dot_1e67f_59{width:10px;height:10px}._radio--size-large_1e67f_157 ._radio__label_1e67f_116{font-size:var(--font-size-200);line-height:var(--line-height-200)}

package/dist/components/radio/Radio.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Radio.module.css');const _="_radio_1e67f_2",i="_radio__input_1e67f_13",o="_radio__circle_1e67f_33",a="_radio__dot_1e67f_59",e="_radio__label_1e67f_116",d={radio:_,radio__input:i,radio__circle:o,radio__dot:a,"radio--invalid":"_radio--invalid_1e67f_80",radio__label:e,"radio--size-small":"_radio--size-small_1e67f_119","radio--size-medium":"_radio--size-medium_1e67f_138","radio--size-large":"_radio--size-large_1e67f_157"};exports.default=d;exports.radio=_;exports.radio__circle=o;exports.radio__dot=a;exports.radio__input=i;exports.radio__label=e;
+//# sourceMappingURL=Radio.module.scss.cjs.map

package/dist/components/radio/Radio.module.scss.cjs.map

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

package/dist/components/radio/Radio.module.scss.js

@@ -0,0 +1,20 @@
+import './Radio.module.css';const _ = "_radio_1e67f_2", i = "_radio__input_1e67f_13", a = "_radio__circle_1e67f_33", o = "_radio__dot_1e67f_59", d = "_radio__label_1e67f_116", r = {
+  radio: _,
+  radio__input: i,
+  radio__circle: a,
+  radio__dot: o,
+  "radio--invalid": "_radio--invalid_1e67f_80",
+  radio__label: d,
+  "radio--size-small": "_radio--size-small_1e67f_119",
+  "radio--size-medium": "_radio--size-medium_1e67f_138",
+  "radio--size-large": "_radio--size-large_1e67f_157"
+};
+export {
+  r as default,
+  _ as radio,
+  a as radio__circle,
+  o as radio__dot,
+  i as radio__input,
+  d as radio__label
+};
+//# sourceMappingURL=Radio.module.scss.js.map

package/dist/components/radio/Radio.module.scss.js.map

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

package/dist/components/radio/index.cjs

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/radio/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/radio/index.js

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

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

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

package/dist/components/reaction-pill/ReactionPill.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"),__u=require("@mattermost/compass-icons/components/hand-right-outline.js"),u=__u?.default??__u,__h=require("@mattermost/compass-icons/components/microphone-off.js"),h=__h?.default??__h,__j=require("@mattermost/compass-icons/components/close-circle.js"),j=__j?.default??__j,a=require("./ReactionPill.module.scss.cjs");function f({size:s="small",type:i="reaction",emoji:r="😀",label:n="Leonard R.",message:t="You have been muted by the host",className:c="",...o}){const d=[a.default["reaction-pill"],a.default[`reaction-pill--size-${s.toLowerCase()}`],a.default[`reaction-pill--type-${i==="hand-raise"?"hand-raise":i==="other"?"other":"reaction"}`],c].filter(Boolean).join(" ");return e.jsx("div",{className:d,...o,children:e.jsxs("div",{className:a.default["reaction-pill__inner"],children:[i==="reaction"&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:a.default["reaction-pill__emoji"],"aria-hidden":!0,children:r}),e.jsx("span",{className:a.default["reaction-pill__label"],children:n})]}),i==="hand-raise"&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:a.default["reaction-pill__leading-icon"],"aria-hidden":!0,children:e.jsx(l.default,{size:"12",glyph:e.jsx(u,{})})}),e.jsxs("span",{className:a.default["reaction-pill__label"],children:[n," Raised Hand"]})]}),i==="other"&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:a.default["reaction-pill__leading-icon"],"aria-hidden":!0,children:e.jsx(l.default,{size:"12",glyph:e.jsx(h,{})})}),e.jsx("span",{className:a.default["reaction-pill__label"],children:t}),e.jsx("span",{className:a.default["reaction-pill__trailing-icon"],"aria-hidden":!0,children:e.jsx(l.default,{size:"12",glyph:e.jsx(j,{})})})]})]})})}exports.default=f;
+//# sourceMappingURL=ReactionPill.cjs.map

package/dist/components/reaction-pill/ReactionPill.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactionPill.cjs","sources":["../../../src/components/reaction-pill/ReactionPill.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport Icon from '@/components/icon/Icon';\nimport HandRightOutlineIcon from '@mattermost/compass-icons/components/hand-right-outline';\nimport MicrophoneOffIcon from '@mattermost/compass-icons/components/microphone-off';\nimport CloseCircleIcon from '@mattermost/compass-icons/components/close-circle';\nimport styles from './ReactionPill.module.scss';\n\nexport type ReactionPillSize = 'small' | 'medium' | 'large';\nexport type ReactionPillType = 'reaction' | 'hand-raise' | 'other';\n\nexport interface ReactionPillProps extends HTMLAttributes<HTMLDivElement> {\n  /** Size variant. Default: Small. */\n  size?: ReactionPillSize;\n  /** Pill type. Default: Reaction. */\n  type?: ReactionPillType;\n  /** Emoji to display for Reaction type. Default: 😀 */\n  emoji?: string;\n  /** Participant name / label text. */\n  label?: string;\n  /** Notification message for 'other' type. */\n  message?: string;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\n/**\n * Reaction Pills surface lightweight, transient signals during a call — emoji reactions,\n * raised hands, and system notifications like \"you've been muted.\" They float over the call\n * surface long enough to register and then disappear; they aren't meant to be durable UI.\n */\nexport default function ReactionPill({\n  size = 'small',\n  type = 'reaction',\n  emoji = '😀',\n  label = 'Leonard R.',\n  message = 'You have been muted by the host',\n  className = '',\n  ...rest\n}: ReactionPillProps) {\n  const rootClass = [\n    styles['reaction-pill'],\n    styles[`reaction-pill--size-${size.toLowerCase()}`],\n    styles[\n      `reaction-pill--type-${type === 'hand-raise' ? 'hand-raise' : type === 'other' ? 'other' : 'reaction'}`\n    ],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass} {...rest}>\n      <div className={styles['reaction-pill__inner']}>\n        {/* Reaction type: emoji + name */}\n        {type === 'reaction' && (\n          <>\n            <span className={styles['reaction-pill__emoji']} aria-hidden>\n              {emoji}\n            </span>\n            <span className={styles['reaction-pill__label']}>{label}</span>\n          </>\n        )}\n\n        {/* Hand Raise: icon + name */}\n        {type === 'hand-raise' && (\n          <>\n            <span className={styles['reaction-pill__leading-icon']} aria-hidden>\n              <Icon size=\"12\" glyph={<HandRightOutlineIcon />} />\n            </span>\n            <span className={styles['reaction-pill__label']}>\n              {label} Raised Hand\n            </span>\n          </>\n        )}\n\n        {/* Other type: icon + message + dismiss */}\n        {type === 'other' && (\n          <>\n            <span className={styles['reaction-pill__leading-icon']} aria-hidden>\n              <Icon size=\"12\" glyph={<MicrophoneOffIcon />} />\n            </span>\n            <span className={styles['reaction-pill__label']}>{message}</span>\n            <span\n              className={styles['reaction-pill__trailing-icon']}\n              aria-hidden\n            >\n              <Icon size=\"12\" glyph={<CloseCircleIcon />} />\n            </span>\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["ReactionPill","size","type","emoji","label","message","className","rest","rootClass","styles","jsx","jsxs","Fragment","Icon","HandRightOutlineIcon","MicrophoneOffIcon","CloseCircleIcon"],"mappings":"gaA8BA,SAAwBA,EAAa,CACnC,KAAAC,EAAO,QACP,KAAAC,EAAO,WACP,MAAAC,EAAQ,KACR,MAAAC,EAAQ,aACR,QAAAC,EAAU,kCACV,UAAAC,EAAY,GACZ,GAAGC,CACL,EAAsB,CACpB,MAAMC,EAAY,CAChBC,EAAAA,QAAO,eAAe,EACtBA,EAAAA,QAAO,uBAAuBR,EAAK,YAAA,CAAa,EAAE,EAClDQ,EAAAA,QACE,uBAAuBP,IAAS,aAAe,aAAeA,IAAS,QAAU,QAAU,UAAU,EACvG,EACAI,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEI,EAAAA,IAAC,MAAA,CAAI,UAAWF,EAAY,GAAGD,EAC7B,SAAAI,EAAAA,KAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,sBAAsB,EAE1C,SAAA,CAAAP,IAAS,YACRS,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAF,EAAAA,IAAC,QAAK,UAAWD,UAAO,sBAAsB,EAAG,cAAW,GACzD,SAAAN,EACH,QACC,OAAA,CAAK,UAAWM,EAAAA,QAAO,sBAAsB,EAAI,SAAAL,CAAA,CAAM,CAAA,EAC1D,EAIDF,IAAS,cACRS,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAF,MAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,6BAA6B,EAAG,cAAW,GACjE,SAAAC,EAAAA,IAACG,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOH,EAAAA,IAACI,EAAA,CAAA,CAAqB,EAAI,EACnD,EACAH,EAAAA,KAAC,OAAA,CAAK,UAAWF,EAAAA,QAAO,sBAAsB,EAC3C,SAAA,CAAAL,EAAM,cAAA,CAAA,CACT,CAAA,EACF,EAIDF,IAAS,SACRS,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAF,MAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,6BAA6B,EAAG,cAAW,GACjE,SAAAC,EAAAA,IAACG,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOH,EAAAA,IAACK,EAAA,CAAA,CAAkB,EAAI,EAChD,QACC,OAAA,CAAK,UAAWN,EAAAA,QAAO,sBAAsB,EAAI,SAAAJ,EAAQ,EAC1DK,EAAAA,IAAC,OAAA,CACC,UAAWD,EAAAA,QAAO,8BAA8B,EAChD,cAAW,GAEX,eAACI,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOH,EAAAA,IAACM,IAAgB,CAAA,CAAI,CAAA,CAAA,CAC9C,CAAA,CACF,CAAA,CAAA,CAEJ,CAAA,CACF,CAEJ"}

package/dist/components/reaction-pill/ReactionPill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactionPill.d.ts","sourceRoot":"","sources":["../../../src/components/reaction-pill/ReactionPill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO5C,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC5D,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,YAAY,GAAG,OAAO,CAAC;AAEnE,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,oCAAoC;IACpC,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,oCAAoC;IACpC,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,IAAc,EACd,IAAiB,EACjB,KAAY,EACZ,KAAoB,EACpB,OAA2C,EAC3C,SAAc,EACd,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAuDnB"}

package/dist/components/reaction-pill/ReactionPill.js

@@ -0,0 +1,51 @@
+import { jsx as i, jsxs as n, Fragment as l } from "react/jsx-runtime";
+import r from "../icon/Icon.js";
+import __m from "@mattermost/compass-icons/components/hand-right-outline.js";const m=__m&&__m.default?__m.default:__m;
+import ___ from "@mattermost/compass-icons/components/microphone-off.js";const _=___&&___.default?___.default:___;
+import __f from "@mattermost/compass-icons/components/close-circle.js";const f=__f&&__f.default?__f.default:__f;
+import e from "./ReactionPill.module.scss.js";
+function C({
+  size: c = "small",
+  type: a = "reaction",
+  emoji: s = "😀",
+  label: o = "Leonard R.",
+  message: t = "You have been muted by the host",
+  className: d = "",
+  ...h
+}) {
+  const p = [
+    e["reaction-pill"],
+    e[`reaction-pill--size-${c.toLowerCase()}`],
+    e[`reaction-pill--type-${a === "hand-raise" ? "hand-raise" : a === "other" ? "other" : "reaction"}`],
+    d
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ i("div", { className: p, ...h, children: /* @__PURE__ */ n("div", { className: e["reaction-pill__inner"], children: [
+    a === "reaction" && /* @__PURE__ */ n(l, { children: [
+      /* @__PURE__ */ i("span", { className: e["reaction-pill__emoji"], "aria-hidden": !0, children: s }),
+      /* @__PURE__ */ i("span", { className: e["reaction-pill__label"], children: o })
+    ] }),
+    a === "hand-raise" && /* @__PURE__ */ n(l, { children: [
+      /* @__PURE__ */ i("span", { className: e["reaction-pill__leading-icon"], "aria-hidden": !0, children: /* @__PURE__ */ i(r, { size: "12", glyph: /* @__PURE__ */ i(m, {}) }) }),
+      /* @__PURE__ */ n("span", { className: e["reaction-pill__label"], children: [
+        o,
+        " Raised Hand"
+      ] })
+    ] }),
+    a === "other" && /* @__PURE__ */ n(l, { children: [
+      /* @__PURE__ */ i("span", { className: e["reaction-pill__leading-icon"], "aria-hidden": !0, children: /* @__PURE__ */ i(r, { size: "12", glyph: /* @__PURE__ */ i(_, {}) }) }),
+      /* @__PURE__ */ i("span", { className: e["reaction-pill__label"], children: t }),
+      /* @__PURE__ */ i(
+        "span",
+        {
+          className: e["reaction-pill__trailing-icon"],
+          "aria-hidden": !0,
+          children: /* @__PURE__ */ i(r, { size: "12", glyph: /* @__PURE__ */ i(f, {}) })
+        }
+      )
+    ] })
+  ] }) });
+}
+export {
+  C as default
+};
+//# sourceMappingURL=ReactionPill.js.map

package/dist/components/reaction-pill/ReactionPill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactionPill.js","sources":["../../../src/components/reaction-pill/ReactionPill.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport Icon from '@/components/icon/Icon';\nimport HandRightOutlineIcon from '@mattermost/compass-icons/components/hand-right-outline';\nimport MicrophoneOffIcon from '@mattermost/compass-icons/components/microphone-off';\nimport CloseCircleIcon from '@mattermost/compass-icons/components/close-circle';\nimport styles from './ReactionPill.module.scss';\n\nexport type ReactionPillSize = 'small' | 'medium' | 'large';\nexport type ReactionPillType = 'reaction' | 'hand-raise' | 'other';\n\nexport interface ReactionPillProps extends HTMLAttributes<HTMLDivElement> {\n  /** Size variant. Default: Small. */\n  size?: ReactionPillSize;\n  /** Pill type. Default: Reaction. */\n  type?: ReactionPillType;\n  /** Emoji to display for Reaction type. Default: 😀 */\n  emoji?: string;\n  /** Participant name / label text. */\n  label?: string;\n  /** Notification message for 'other' type. */\n  message?: string;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\n/**\n * Reaction Pills surface lightweight, transient signals during a call — emoji reactions,\n * raised hands, and system notifications like \"you've been muted.\" They float over the call\n * surface long enough to register and then disappear; they aren't meant to be durable UI.\n */\nexport default function ReactionPill({\n  size = 'small',\n  type = 'reaction',\n  emoji = '😀',\n  label = 'Leonard R.',\n  message = 'You have been muted by the host',\n  className = '',\n  ...rest\n}: ReactionPillProps) {\n  const rootClass = [\n    styles['reaction-pill'],\n    styles[`reaction-pill--size-${size.toLowerCase()}`],\n    styles[\n      `reaction-pill--type-${type === 'hand-raise' ? 'hand-raise' : type === 'other' ? 'other' : 'reaction'}`\n    ],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass} {...rest}>\n      <div className={styles['reaction-pill__inner']}>\n        {/* Reaction type: emoji + name */}\n        {type === 'reaction' && (\n          <>\n            <span className={styles['reaction-pill__emoji']} aria-hidden>\n              {emoji}\n            </span>\n            <span className={styles['reaction-pill__label']}>{label}</span>\n          </>\n        )}\n\n        {/* Hand Raise: icon + name */}\n        {type === 'hand-raise' && (\n          <>\n            <span className={styles['reaction-pill__leading-icon']} aria-hidden>\n              <Icon size=\"12\" glyph={<HandRightOutlineIcon />} />\n            </span>\n            <span className={styles['reaction-pill__label']}>\n              {label} Raised Hand\n            </span>\n          </>\n        )}\n\n        {/* Other type: icon + message + dismiss */}\n        {type === 'other' && (\n          <>\n            <span className={styles['reaction-pill__leading-icon']} aria-hidden>\n              <Icon size=\"12\" glyph={<MicrophoneOffIcon />} />\n            </span>\n            <span className={styles['reaction-pill__label']}>{message}</span>\n            <span\n              className={styles['reaction-pill__trailing-icon']}\n              aria-hidden\n            >\n              <Icon size=\"12\" glyph={<CloseCircleIcon />} />\n            </span>\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["ReactionPill","size","type","emoji","label","message","className","rest","rootClass","styles","jsx","jsxs","Fragment","Icon","HandRightOutlineIcon","MicrophoneOffIcon","CloseCircleIcon"],"mappings":";;;;;;AA8BA,SAAwBA,EAAa;AAAA,EACnC,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,OAAAC,IAAQ;AAAA,EACR,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAsB;AACpB,QAAMC,IAAY;AAAA,IAChBC,EAAO,eAAe;AAAA,IACtBA,EAAO,uBAAuBR,EAAK,YAAA,CAAa,EAAE;AAAA,IAClDQ,EACE,uBAAuBP,MAAS,eAAe,eAAeA,MAAS,UAAU,UAAU,UAAU,EACvG;AAAA,IACAI;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAI,EAAC,OAAA,EAAI,WAAWF,GAAY,GAAGD,GAC7B,UAAA,gBAAAI,EAAC,OAAA,EAAI,WAAWF,EAAO,sBAAsB,GAE1C,UAAA;AAAA,IAAAP,MAAS,cACR,gBAAAS,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAF,EAAC,UAAK,WAAWD,EAAO,sBAAsB,GAAG,eAAW,IACzD,UAAAN,GACH;AAAA,wBACC,QAAA,EAAK,WAAWM,EAAO,sBAAsB,GAAI,UAAAL,EAAA,CAAM;AAAA,IAAA,GAC1D;AAAA,IAIDF,MAAS,gBACR,gBAAAS,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAF,EAAC,QAAA,EAAK,WAAWD,EAAO,6BAA6B,GAAG,eAAW,IACjE,UAAA,gBAAAC,EAACG,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAH,EAACI,GAAA,CAAA,CAAqB,GAAI,GACnD;AAAA,MACA,gBAAAH,EAAC,QAAA,EAAK,WAAWF,EAAO,sBAAsB,GAC3C,UAAA;AAAA,QAAAL;AAAA,QAAM;AAAA,MAAA,EAAA,CACT;AAAA,IAAA,GACF;AAAA,IAIDF,MAAS,WACR,gBAAAS,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAF,EAAC,QAAA,EAAK,WAAWD,EAAO,6BAA6B,GAAG,eAAW,IACjE,UAAA,gBAAAC,EAACG,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAH,EAACK,GAAA,CAAA,CAAkB,GAAI,GAChD;AAAA,wBACC,QAAA,EAAK,WAAWN,EAAO,sBAAsB,GAAI,UAAAJ,GAAQ;AAAA,MAC1D,gBAAAK;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWD,EAAO,8BAA8B;AAAA,UAChD,eAAW;AAAA,UAEX,4BAACI,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAH,EAACM,KAAgB,EAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAC9C,EAAA,CACF;AAAA,EAAA,EAAA,CAEJ,EAAA,CACF;AAEJ;"}

package/dist/components/reaction-pill/ReactionPill.module.css

@@ -0,0 +1 @@
+._reaction-pill_4avcw_2{display:inline-flex;align-items:center;border-radius:var(--radius-full);background-color:var(--calls-bg, var(--color-indigo-600))}._reaction-pill__inner_4avcw_8{display:inline-flex;align-items:center;gap:var(--spacing-xxxs);background-color:rgba(var(--color-neutral-0-rgb),.16);border-radius:var(--radius-xl);width:100%}._reaction-pill__emoji_4avcw_16{display:inline-flex;align-items:center;flex-shrink:0;font-size:var(--font-size-75);line-height:1}._reaction-pill__label_4avcw_23{font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);color:var(--button-color, var(--color-neutral-0));white-space:nowrap}._reaction-pill__leading-icon_4avcw_29{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xxxxs);flex-shrink:0;color:var(--button-color, var(--color-neutral-0))}._reaction-pill__trailing-icon_4avcw_37{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xxxxs);flex-shrink:0;color:var(--button-color, var(--color-neutral-0));opacity:.32}._reaction-pill--size-small_4avcw_46 ._reaction-pill__inner_4avcw_8{gap:var(--spacing-xxxs);padding:var(--spacing-xxxxs) var(--spacing-s) var(--spacing-xxxxs) var(--spacing-xxs)}._reaction-pill--size-small_4avcw_46 ._reaction-pill__emoji_4avcw_16{font-size:var(--font-size-75)}._reaction-pill--size-small_4avcw_46 ._reaction-pill__label_4avcw_23{font-size:var(--font-size-25);line-height:var(--line-height-75);letter-spacing:.1px}._reaction-pill--size-medium_4avcw_58 ._reaction-pill__inner_4avcw_8{gap:5px;padding:var(--spacing-xxxs) var(--spacing-s) var(--spacing-xxxs) var(--spacing-xs)}._reaction-pill--size-medium_4avcw_58 ._reaction-pill__emoji_4avcw_16{font-size:var(--font-size-200)}._reaction-pill--size-medium_4avcw_58 ._reaction-pill__label_4avcw_23{font-size:var(--font-size-75);line-height:var(--line-height-75)}._reaction-pill--size-large_4avcw_69 ._reaction-pill__inner_4avcw_8{gap:var(--spacing-xxs);padding:var(--spacing-xxs) var(--spacing-l) var(--spacing-xxs) var(--spacing-s)}._reaction-pill--size-large_4avcw_69 ._reaction-pill__emoji_4avcw_16{font-size:var(--font-size-400)}._reaction-pill--size-large_4avcw_69 ._reaction-pill__label_4avcw_23{font-size:var(--font-size-100);line-height:var(--line-height-100)}._reaction-pill--type-hand-raise_4avcw_80{background-color:var(--button-color, var(--color-neutral-0));border-radius:var(--radius-xl);overflow:hidden}._reaction-pill--type-hand-raise_4avcw_80 ._reaction-pill__inner_4avcw_8{background-color:transparent;padding:var(--spacing-xxxs) var(--spacing-s) var(--spacing-xxxs) var(--spacing-xxxs)}._reaction-pill--type-hand-raise_4avcw_80 ._reaction-pill__leading-icon_4avcw_29{color:var(--calls-bg, var(--color-indigo-600))}._reaction-pill--type-hand-raise_4avcw_80 ._reaction-pill__label_4avcw_23{color:var(--calls-bg, var(--color-indigo-600));font-size:var(--font-size-75);line-height:var(--line-height-75)}._reaction-pill--type-other_4avcw_97 ._reaction-pill__inner_4avcw_8{gap:5px;padding:var(--spacing-xxxs) var(--spacing-s) var(--spacing-xxxs) var(--spacing-xxxs)}._reaction-pill--type-other_4avcw_97 ._reaction-pill__label_4avcw_23{font-size:var(--font-size-75);line-height:var(--line-height-75)}

package/dist/components/reaction-pill/ReactionPill.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ReactionPill.module.css');const i={"reaction-pill":"_reaction-pill_4avcw_2","reaction-pill__inner":"_reaction-pill__inner_4avcw_8","reaction-pill__emoji":"_reaction-pill__emoji_4avcw_16","reaction-pill__label":"_reaction-pill__label_4avcw_23","reaction-pill__leading-icon":"_reaction-pill__leading-icon_4avcw_29","reaction-pill__trailing-icon":"_reaction-pill__trailing-icon_4avcw_37","reaction-pill--size-small":"_reaction-pill--size-small_4avcw_46","reaction-pill--size-medium":"_reaction-pill--size-medium_4avcw_58","reaction-pill--size-large":"_reaction-pill--size-large_4avcw_69","reaction-pill--type-hand-raise":"_reaction-pill--type-hand-raise_4avcw_80","reaction-pill--type-other":"_reaction-pill--type-other_4avcw_97"};exports.default=i;
+//# sourceMappingURL=ReactionPill.module.scss.cjs.map

package/dist/components/reaction-pill/ReactionPill.module.scss.cjs.map

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

package/dist/components/reaction-pill/ReactionPill.module.scss.js

@@ -0,0 +1,17 @@
+import './ReactionPill.module.css';const i = {
+  "reaction-pill": "_reaction-pill_4avcw_2",
+  "reaction-pill__inner": "_reaction-pill__inner_4avcw_8",
+  "reaction-pill__emoji": "_reaction-pill__emoji_4avcw_16",
+  "reaction-pill__label": "_reaction-pill__label_4avcw_23",
+  "reaction-pill__leading-icon": "_reaction-pill__leading-icon_4avcw_29",
+  "reaction-pill__trailing-icon": "_reaction-pill__trailing-icon_4avcw_37",
+  "reaction-pill--size-small": "_reaction-pill--size-small_4avcw_46",
+  "reaction-pill--size-medium": "_reaction-pill--size-medium_4avcw_58",
+  "reaction-pill--size-large": "_reaction-pill--size-large_4avcw_69",
+  "reaction-pill--type-hand-raise": "_reaction-pill--type-hand-raise_4avcw_80",
+  "reaction-pill--type-other": "_reaction-pill--type-other_4avcw_97"
+};
+export {
+  i as default
+};
+//# sourceMappingURL=ReactionPill.module.scss.js.map

package/dist/components/reaction-pill/ReactionPill.module.scss.js.map

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

package/dist/components/reaction-pill/index.cjs

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

package/dist/components/reaction-pill/index.cjs.map

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

package/dist/components/reaction-pill/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/reaction-pill/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/reaction-pill/index.js

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

package/dist/components/reaction-pill/index.js.map

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

package/dist/components/right-sidebar/RightSidebar.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),u=require("../scrollbar/Scrollbar.cjs"),e=require("./RightSidebar.module.scss.cjs");function c({header:r,footer:a,children:s,className:t="",fill:l=!1,alignBody:d="start"}){const o=[e.default["right-sidebar"],l?e.default["right-sidebar--fill"]:"",t].filter(Boolean).join(" "),n=[e.default["right-sidebar__body"],d==="end"?e.default["right-sidebar__body--align-end"]:""].filter(Boolean).join(" ");return i.jsxs("aside",{className:o,"aria-label":"Right sidebar",children:[i.jsx("div",{className:e.default["right-sidebar__header"],children:r}),i.jsx("div",{className:n,children:i.jsx(u.default,{children:s})}),a&&i.jsx("div",{className:e.default["right-sidebar__footer"],children:a})]})}exports.default=c;
+//# sourceMappingURL=RightSidebar.cjs.map

package/dist/components/right-sidebar/RightSidebar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightSidebar.cjs","sources":["../../../src/components/right-sidebar/RightSidebar.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport Scrollbar from '@/components/scrollbar/Scrollbar';\nimport styles from './RightSidebar.module.scss';\n\nexport interface RightSidebarProps {\n  /** Header element (typically <RightSidebarHeader />). */\n  header: ReactNode;\n  /** Optional element rendered at the bottom of the sidebar (e.g. a reply composer). */\n  footer?: ReactNode;\n  /** Body content — anything. Scrolls when it overflows. The body has no padding;\n   *  add your own when the content calls for it. */\n  children?: ReactNode;\n  className?: string;\n  /**\n   * When true, the sidebar grows horizontally instead of staying at 400px.\n   * Pair with a parent flex row and `channel-shell__right-sidebar--fill` in full layouts.\n   */\n  fill?: boolean;\n  /**\n   * When `end`, short body content sits on the bottom of the scroll viewport (e.g.\n   * thread replies). Default `start` keeps content top-aligned (e.g. channel info).\n   */\n  alignBody?: 'start' | 'end';\n}\n\nexport default function RightSidebar({\n  header,\n  footer,\n  children,\n  className = '',\n  fill = false,\n  alignBody = 'start',\n}: RightSidebarProps) {\n  const rootClass = [\n    styles['right-sidebar'],\n    fill ? styles['right-sidebar--fill'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const bodyClass = [\n    styles['right-sidebar__body'],\n    alignBody === 'end' ? styles['right-sidebar__body--align-end'] : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <aside className={rootClass} aria-label=\"Right sidebar\">\n      <div className={styles['right-sidebar__header']}>{header}</div>\n      <div className={bodyClass}>\n        <Scrollbar>{children}</Scrollbar>\n      </div>\n      {footer && (\n        <div className={styles['right-sidebar__footer']}>{footer}</div>\n      )}\n    </aside>\n  );\n}\n"],"names":["RightSidebar","header","footer","children","className","fill","alignBody","rootClass","styles","bodyClass","jsxs","jsx","Scrollbar"],"mappings":"qOAyBA,SAAwBA,EAAa,CACnC,OAAAC,EACA,OAAAC,EACA,SAAAC,EACA,UAAAC,EAAY,GACZ,KAAAC,EAAO,GACP,UAAAC,EAAY,OACd,EAAsB,CACpB,MAAMC,EAAY,CAChBC,EAAAA,QAAO,eAAe,EACtBH,EAAOG,EAAAA,QAAO,qBAAqB,EAAI,GACvCJ,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAELK,EAAY,CAChBD,EAAAA,QAAO,qBAAqB,EAC5BF,IAAc,MAAQE,UAAO,gCAAgC,EAAI,EAAA,EAEhE,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEE,EAAAA,KAAC,QAAA,CAAM,UAAWH,EAAW,aAAW,gBACtC,SAAA,CAAAI,MAAC,MAAA,CAAI,UAAWH,EAAAA,QAAO,uBAAuB,EAAI,SAAAP,EAAO,QACxD,MAAA,CAAI,UAAWQ,EACd,SAAAE,EAAAA,IAACC,UAAA,CAAW,SAAAT,EAAS,EACvB,EACCD,GACCS,EAAAA,IAAC,MAAA,CAAI,UAAWH,EAAAA,QAAO,uBAAuB,EAAI,SAAAN,CAAA,CAAO,CAAA,EAE7D,CAEJ"}

package/dist/components/right-sidebar/RightSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightSidebar.d.ts","sourceRoot":"","sources":["../../../src/components/right-sidebar/RightSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,iBAAiB;IAChC,yDAAyD;IACzD,MAAM,EAAE,SAAS,CAAC;IAClB,sFAAsF;IACtF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;sDACkD;IAClD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CAC7B;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,SAAc,EACd,IAAY,EACZ,SAAmB,GACpB,EAAE,iBAAiB,2CA2BnB"}

package/dist/components/right-sidebar/RightSidebar.js

@@ -0,0 +1,29 @@
+import { jsxs as b, jsx as r } from "react/jsx-runtime";
+import h from "../scrollbar/Scrollbar.js";
+import i from "./RightSidebar.module.scss.js";
+function g({
+  header: e,
+  footer: a,
+  children: s,
+  className: l = "",
+  fill: d = !1,
+  alignBody: t = "start"
+}) {
+  const o = [
+    i["right-sidebar"],
+    d ? i["right-sidebar--fill"] : "",
+    l
+  ].filter(Boolean).join(" "), n = [
+    i["right-sidebar__body"],
+    t === "end" ? i["right-sidebar__body--align-end"] : ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ b("aside", { className: o, "aria-label": "Right sidebar", children: [
+    /* @__PURE__ */ r("div", { className: i["right-sidebar__header"], children: e }),
+    /* @__PURE__ */ r("div", { className: n, children: /* @__PURE__ */ r(h, { children: s }) }),
+    a && /* @__PURE__ */ r("div", { className: i["right-sidebar__footer"], children: a })
+  ] });
+}
+export {
+  g as default
+};
+//# sourceMappingURL=RightSidebar.js.map

package/dist/components/right-sidebar/RightSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightSidebar.js","sources":["../../../src/components/right-sidebar/RightSidebar.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport Scrollbar from '@/components/scrollbar/Scrollbar';\nimport styles from './RightSidebar.module.scss';\n\nexport interface RightSidebarProps {\n  /** Header element (typically <RightSidebarHeader />). */\n  header: ReactNode;\n  /** Optional element rendered at the bottom of the sidebar (e.g. a reply composer). */\n  footer?: ReactNode;\n  /** Body content — anything. Scrolls when it overflows. The body has no padding;\n   *  add your own when the content calls for it. */\n  children?: ReactNode;\n  className?: string;\n  /**\n   * When true, the sidebar grows horizontally instead of staying at 400px.\n   * Pair with a parent flex row and `channel-shell__right-sidebar--fill` in full layouts.\n   */\n  fill?: boolean;\n  /**\n   * When `end`, short body content sits on the bottom of the scroll viewport (e.g.\n   * thread replies). Default `start` keeps content top-aligned (e.g. channel info).\n   */\n  alignBody?: 'start' | 'end';\n}\n\nexport default function RightSidebar({\n  header,\n  footer,\n  children,\n  className = '',\n  fill = false,\n  alignBody = 'start',\n}: RightSidebarProps) {\n  const rootClass = [\n    styles['right-sidebar'],\n    fill ? styles['right-sidebar--fill'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const bodyClass = [\n    styles['right-sidebar__body'],\n    alignBody === 'end' ? styles['right-sidebar__body--align-end'] : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <aside className={rootClass} aria-label=\"Right sidebar\">\n      <div className={styles['right-sidebar__header']}>{header}</div>\n      <div className={bodyClass}>\n        <Scrollbar>{children}</Scrollbar>\n      </div>\n      {footer && (\n        <div className={styles['right-sidebar__footer']}>{footer}</div>\n      )}\n    </aside>\n  );\n}\n"],"names":["RightSidebar","header","footer","children","className","fill","alignBody","rootClass","styles","bodyClass","jsxs","jsx","Scrollbar"],"mappings":";;;AAyBA,SAAwBA,EAAa;AAAA,EACnC,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AACd,GAAsB;AACpB,QAAMC,IAAY;AAAA,IAChBC,EAAO,eAAe;AAAA,IACtBH,IAAOG,EAAO,qBAAqB,IAAI;AAAA,IACvCJ;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAELK,IAAY;AAAA,IAChBD,EAAO,qBAAqB;AAAA,IAC5BF,MAAc,QAAQE,EAAO,gCAAgC,IAAI;AAAA,EAAA,EAEhE,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAE,EAAC,SAAA,EAAM,WAAWH,GAAW,cAAW,iBACtC,UAAA;AAAA,IAAA,gBAAAI,EAAC,OAAA,EAAI,WAAWH,EAAO,uBAAuB,GAAI,UAAAP,GAAO;AAAA,sBACxD,OAAA,EAAI,WAAWQ,GACd,UAAA,gBAAAE,EAACC,GAAA,EAAW,UAAAT,GAAS,GACvB;AAAA,IACCD,KACC,gBAAAS,EAAC,OAAA,EAAI,WAAWH,EAAO,uBAAuB,GAAI,UAAAN,EAAA,CAAO;AAAA,EAAA,GAE7D;AAEJ;"}

package/dist/components/right-sidebar/RightSidebar.module.css

@@ -0,0 +1 @@
+._right-sidebar_19479_2{display:flex;flex-direction:column;width:400px;min-width:0;height:100%;background-color:var(--center-channel-bg);border-left:1px solid rgba(var(--center-channel-color-rgb),.12);box-shadow:var(--elevation-2)}._right-sidebar--fill_19479_12{flex:1 1 auto;width:auto;min-width:0}._right-sidebar__header_19479_17{flex-shrink:0}._right-sidebar__body_19479_20{flex:1 1 auto;min-height:0}._right-sidebar__body--align-end_19479_24 .simplebar-content{min-height:100%;display:flex;flex-direction:column;justify-content:flex-end}._right-sidebar__footer_19479_30{flex-shrink:0}

package/dist/components/right-sidebar/RightSidebar.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./RightSidebar.module.css');const _={"right-sidebar":"_right-sidebar_19479_2","right-sidebar--fill":"_right-sidebar--fill_19479_12","right-sidebar__header":"_right-sidebar__header_19479_17","right-sidebar__body":"_right-sidebar__body_19479_20","right-sidebar__body--align-end":"_right-sidebar__body--align-end_19479_24","right-sidebar__footer":"_right-sidebar__footer_19479_30"};exports.default=_;
+//# sourceMappingURL=RightSidebar.module.scss.cjs.map

package/dist/components/right-sidebar/RightSidebar.module.scss.cjs.map

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

package/dist/components/right-sidebar/RightSidebar.module.scss.js

@@ -0,0 +1,12 @@
+import './RightSidebar.module.css';const _ = {
+  "right-sidebar": "_right-sidebar_19479_2",
+  "right-sidebar--fill": "_right-sidebar--fill_19479_12",
+  "right-sidebar__header": "_right-sidebar__header_19479_17",
+  "right-sidebar__body": "_right-sidebar__body_19479_20",
+  "right-sidebar__body--align-end": "_right-sidebar__body--align-end_19479_24",
+  "right-sidebar__footer": "_right-sidebar__footer_19479_30"
+};
+export {
+  _ as default
+};
+//# sourceMappingURL=RightSidebar.module.scss.js.map

package/dist/components/right-sidebar/RightSidebar.module.scss.js.map

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

package/dist/components/right-sidebar/RightSidebarHeader/RightSidebarHeader.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__b=require("@mattermost/compass-icons/components/arrow-back-ios.js"),b=__b?.default??__b,__g=require("@mattermost/compass-icons/components/arrow-expand.js"),g=__g?.default??__g,__m=require("@mattermost/compass-icons/components/close.js"),m=__m?.default??__m,s=require("../../icon/Icon.cjs"),r=require("../../icon-button/IconButton.cjs"),p=require("../../tag/Tag.cjs"),a=require("./RightSidebarHeader.module.scss.cjs");function N({title:h,secondaryTitle:i,tag:l,tagType:f="info",leadingIcon:d,onBack:t,onExpand:c,onClose:n,actionLabel:o,onActionClick:_,actionActive:u=!1,className:j=""}){const x=[a.default["right-sidebar-header"],j].filter(Boolean).join(" ");return e.jsxs("div",{className:x,children:[e.jsxs("div",{className:a.default["right-sidebar-header__left"],children:[e.jsxs("div",{className:a.default["right-sidebar-header__primary"],children:[t&&e.jsx(r.default,{className:a.default["right-sidebar-header__back"],size:"small","aria-label":"Back",onClick:t,icon:e.jsx(s.default,{size:"16",glyph:e.jsx(b,{})})}),d&&e.jsx("span",{className:a.default["right-sidebar-header__leading-icon"],children:d}),e.jsx("span",{className:a.default["right-sidebar-header__title"],children:h}),l&&e.jsx("span",{className:a.default["right-sidebar-header__tag"],children:e.jsx(p.default,{label:l,type:f,size:"x-small",casing:"all-caps"})})]}),i&&e.jsx("div",{className:a.default["right-sidebar-header__secondary"],children:e.jsx("span",{className:a.default["right-sidebar-header__secondary-text"],children:i})})]}),e.jsxs("div",{className:a.default["right-sidebar-header__actions"],children:[o&&e.jsx("button",{type:"button",className:[a.default["right-sidebar-header__action"],u?a.default["right-sidebar-header__action--active"]:""].filter(Boolean).join(" "),onClick:_,"aria-pressed":u?!0:void 0,children:o}),c&&e.jsx(r.default,{size:"small","aria-label":"Expand",onClick:c,icon:e.jsx(s.default,{size:"16",glyph:e.jsx(g,{})})}),n&&e.jsx(r.default,{size:"small","aria-label":"Close",onClick:n,icon:e.jsx(s.default,{size:"16",glyph:e.jsx(m,{})})})]})]})}exports.default=N;
+//# sourceMappingURL=RightSidebarHeader.cjs.map

package/dist/components/right-sidebar/RightSidebarHeader/RightSidebarHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightSidebarHeader.cjs","sources":["../../../../src/components/right-sidebar/RightSidebarHeader/RightSidebarHeader.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport ArrowBackIosIcon from '@mattermost/compass-icons/components/arrow-back-ios';\nimport ArrowExpandIcon from '@mattermost/compass-icons/components/arrow-expand';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Tag from '@/components/tag/Tag';\nimport type { TagType } from '@/components/tag/Tag';\nimport styles from './RightSidebarHeader.module.scss';\n\nexport interface RightSidebarHeaderProps {\n  /** Primary title text. */\n  title: string;\n  /** Secondary title shown to the right of a vertical divider (e.g. parent channel name). */\n  secondaryTitle?: string;\n  /** Optional tag rendered next to the title (e.g. \"BETA\"). */\n  tag?: string;\n  /** Tag visual style. Default: Info. */\n  tagType?: TagType;\n  /** Optional leading element shown before the title — typically a UserAvatar or Icon. */\n  leadingIcon?: ReactNode;\n  /** When set, shows a back button and calls this on click. */\n  onBack?: () => void;\n  /** When set, shows an expand button and calls this on click. */\n  onExpand?: () => void;\n  /** When set, shows a close button and calls this on click. */\n  onClose?: () => void;\n  /** Optional inline action label (e.g. \"Follow\"). */\n  actionLabel?: string;\n  /** Click handler for the action label. */\n  onActionClick?: () => void;\n  /** When true, the action button shows in its active state. */\n  actionActive?: boolean;\n  className?: string;\n}\n\nexport default function RightSidebarHeader({\n  title,\n  secondaryTitle,\n  tag,\n  tagType = 'info',\n  leadingIcon,\n  onBack,\n  onExpand,\n  onClose,\n  actionLabel,\n  onActionClick,\n  actionActive = false,\n  className = '',\n}: RightSidebarHeaderProps) {\n  const rootClass = [styles['right-sidebar-header'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass}>\n      <div className={styles['right-sidebar-header__left']}>\n        <div className={styles['right-sidebar-header__primary']}>\n          {onBack && (\n            <IconButton\n              className={styles['right-sidebar-header__back']}\n              size=\"small\"\n              aria-label=\"Back\"\n              onClick={onBack}\n              icon={<Icon size=\"16\" glyph={<ArrowBackIosIcon />} />}\n            />\n          )}\n          {leadingIcon && (\n            <span className={styles['right-sidebar-header__leading-icon']}>\n              {leadingIcon}\n            </span>\n          )}\n          <span className={styles['right-sidebar-header__title']}>{title}</span>\n          {tag && (\n            <span className={styles['right-sidebar-header__tag']}>\n              <Tag\n                label={tag}\n                type={tagType}\n                size=\"x-small\"\n                casing=\"all-caps\"\n              />\n            </span>\n          )}\n        </div>\n        {secondaryTitle && (\n          <div className={styles['right-sidebar-header__secondary']}>\n            <span className={styles['right-sidebar-header__secondary-text']}>\n              {secondaryTitle}\n            </span>\n          </div>\n        )}\n      </div>\n\n      <div className={styles['right-sidebar-header__actions']}>\n        {actionLabel && (\n          <button\n            type=\"button\"\n            className={[\n              styles['right-sidebar-header__action'],\n              actionActive\n                ? styles['right-sidebar-header__action--active']\n                : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onClick={onActionClick}\n            aria-pressed={actionActive ? true : undefined}\n          >\n            {actionLabel}\n          </button>\n        )}\n        {onExpand && (\n          <IconButton\n            size=\"small\"\n            aria-label=\"Expand\"\n            onClick={onExpand}\n            icon={<Icon size=\"16\" glyph={<ArrowExpandIcon />} />}\n          />\n        )}\n        {onClose && (\n          <IconButton\n            size=\"small\"\n            aria-label=\"Close\"\n            onClick={onClose}\n            icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["RightSidebarHeader","title","secondaryTitle","tag","tagType","leadingIcon","onBack","onExpand","onClose","actionLabel","onActionClick","actionActive","className","rootClass","styles","jsxs","jsx","IconButton","Icon","ArrowBackIosIcon","Tag","ArrowExpandIcon","CloseIcon"],"mappings":"weAoCA,SAAwBA,EAAmB,CACzC,MAAAC,EACA,eAAAC,EACA,IAAAC,EACA,QAAAC,EAAU,OACV,YAAAC,EACA,OAAAC,EACA,SAAAC,EACA,QAAAC,EACA,YAAAC,EACA,cAAAC,EACA,aAAAC,EAAe,GACf,UAAAC,EAAY,EACd,EAA4B,CAC1B,MAAMC,EAAY,CAACC,UAAO,sBAAsB,EAAGF,CAAS,EACzD,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEG,EAAAA,KAAC,MAAA,CAAI,UAAWF,EACd,SAAA,CAAAE,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,4BAA4B,EACjD,SAAA,CAAAC,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,+BAA+B,EACnD,SAAA,CAAAR,GACCU,EAAAA,IAACC,EAAAA,QAAA,CACC,UAAWH,EAAAA,QAAO,4BAA4B,EAC9C,KAAK,QACL,aAAW,OACX,QAASR,EACT,WAAOY,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOF,EAAAA,IAACG,IAAiB,CAAA,CAAI,CAAA,CAAA,EAGtDd,GACCW,EAAAA,IAAC,OAAA,CAAK,UAAWF,EAAAA,QAAO,oCAAoC,EACzD,SAAAT,EACH,QAED,OAAA,CAAK,UAAWS,EAAAA,QAAO,6BAA6B,EAAI,SAAAb,EAAM,EAC9DE,GACCa,EAAAA,IAAC,OAAA,CAAK,UAAWF,EAAAA,QAAO,2BAA2B,EACjD,SAAAE,EAAAA,IAACI,EAAAA,QAAA,CACC,MAAOjB,EACP,KAAMC,EACN,KAAK,UACL,OAAO,UAAA,CAAA,CACT,CACF,CAAA,EAEJ,EACCF,GACCc,EAAAA,IAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,iCAAiC,EACtD,SAAAE,EAAAA,IAAC,OAAA,CAAK,UAAWF,EAAAA,QAAO,sCAAsC,EAC3D,WACH,CAAA,CACF,CAAA,EAEJ,EAEAC,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,+BAA+B,EACnD,SAAA,CAAAL,GACCO,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,UAAW,CACTF,EAAAA,QAAO,8BAA8B,EACrCH,EACIG,EAAAA,QAAO,sCAAsC,EAC7C,EAAA,EAEH,OAAO,OAAO,EACd,KAAK,GAAG,EACX,QAASJ,EACT,eAAcC,EAAe,GAAO,OAEnC,SAAAF,CAAA,CAAA,EAGJF,GACCS,EAAAA,IAACC,EAAAA,QAAA,CACC,KAAK,QACL,aAAW,SACX,QAASV,EACT,WAAOW,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOF,EAAAA,IAACK,IAAgB,CAAA,CAAI,CAAA,CAAA,EAGrDb,GACCQ,EAAAA,IAACC,EAAAA,QAAA,CACC,KAAK,QACL,aAAW,QACX,QAAST,EACT,WAAOU,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOF,EAAAA,IAACM,IAAU,CAAA,CAAI,CAAA,CAAA,CAC9C,CAAA,CAEJ,CAAA,EACF,CAEJ"}

package/dist/components/right-sidebar/RightSidebarHeader/RightSidebarHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightSidebarHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/right-sidebar/RightSidebarHeader/RightSidebarHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAGpD,MAAM,WAAW,uBAAuB;IACtC,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,2FAA2F;IAC3F,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6DAA6D;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wFAAwF;IACxF,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,8DAA8D;IAC9D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,KAAK,EACL,cAAc,EACd,GAAG,EACH,OAAgB,EAChB,WAAW,EACX,MAAM,EACN,QAAQ,EACR,OAAO,EACP,WAAW,EACX,aAAa,EACb,YAAoB,EACpB,SAAc,GACf,EAAE,uBAAuB,2CAiFzB"}

package/dist/components/right-sidebar/RightSidebarHeader/RightSidebarHeader.js

@@ -0,0 +1,89 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import __N from "@mattermost/compass-icons/components/arrow-back-ios.js";const N=__N&&__N.default?__N.default:__N;
+import __y from "@mattermost/compass-icons/components/arrow-expand.js";const y=__y&&__y.default?__y.default:__y;
+import __u from "@mattermost/compass-icons/components/close.js";const u=__u&&__u.default?__u.default:__u;
+import i from "../../icon/Icon.js";
+import s from "../../icon-button/IconButton.js";
+import z from "../../tag/Tag.js";
+import a from "./RightSidebarHeader.module.scss.js";
+function A({
+  title: p,
+  secondaryTitle: l,
+  tag: o,
+  tagType: _ = "info",
+  leadingIcon: d,
+  onBack: t,
+  onExpand: c,
+  onClose: n,
+  actionLabel: h,
+  onActionClick: b,
+  actionActive: m = !1,
+  className: g = ""
+}) {
+  const f = [a["right-sidebar-header"], g].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r("div", { className: f, children: [
+    /* @__PURE__ */ r("div", { className: a["right-sidebar-header__left"], children: [
+      /* @__PURE__ */ r("div", { className: a["right-sidebar-header__primary"], children: [
+        t && /* @__PURE__ */ e(
+          s,
+          {
+            className: a["right-sidebar-header__back"],
+            size: "small",
+            "aria-label": "Back",
+            onClick: t,
+            icon: /* @__PURE__ */ e(i, { size: "16", glyph: /* @__PURE__ */ e(N, {}) })
+          }
+        ),
+        d && /* @__PURE__ */ e("span", { className: a["right-sidebar-header__leading-icon"], children: d }),
+        /* @__PURE__ */ e("span", { className: a["right-sidebar-header__title"], children: p }),
+        o && /* @__PURE__ */ e("span", { className: a["right-sidebar-header__tag"], children: /* @__PURE__ */ e(
+          z,
+          {
+            label: o,
+            type: _,
+            size: "x-small",
+            casing: "all-caps"
+          }
+        ) })
+      ] }),
+      l && /* @__PURE__ */ e("div", { className: a["right-sidebar-header__secondary"], children: /* @__PURE__ */ e("span", { className: a["right-sidebar-header__secondary-text"], children: l }) })
+    ] }),
+    /* @__PURE__ */ r("div", { className: a["right-sidebar-header__actions"], children: [
+      h && /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: [
+            a["right-sidebar-header__action"],
+            m ? a["right-sidebar-header__action--active"] : ""
+          ].filter(Boolean).join(" "),
+          onClick: b,
+          "aria-pressed": m ? !0 : void 0,
+          children: h
+        }
+      ),
+      c && /* @__PURE__ */ e(
+        s,
+        {
+          size: "small",
+          "aria-label": "Expand",
+          onClick: c,
+          icon: /* @__PURE__ */ e(i, { size: "16", glyph: /* @__PURE__ */ e(y, {}) })
+        }
+      ),
+      n && /* @__PURE__ */ e(
+        s,
+        {
+          size: "small",
+          "aria-label": "Close",
+          onClick: n,
+          icon: /* @__PURE__ */ e(i, { size: "16", glyph: /* @__PURE__ */ e(u, {}) })
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  A as default
+};
+//# sourceMappingURL=RightSidebarHeader.js.map

package/dist/components/right-sidebar/RightSidebarHeader/RightSidebarHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightSidebarHeader.js","sources":["../../../../src/components/right-sidebar/RightSidebarHeader/RightSidebarHeader.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport ArrowBackIosIcon from '@mattermost/compass-icons/components/arrow-back-ios';\nimport ArrowExpandIcon from '@mattermost/compass-icons/components/arrow-expand';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Tag from '@/components/tag/Tag';\nimport type { TagType } from '@/components/tag/Tag';\nimport styles from './RightSidebarHeader.module.scss';\n\nexport interface RightSidebarHeaderProps {\n  /** Primary title text. */\n  title: string;\n  /** Secondary title shown to the right of a vertical divider (e.g. parent channel name). */\n  secondaryTitle?: string;\n  /** Optional tag rendered next to the title (e.g. \"BETA\"). */\n  tag?: string;\n  /** Tag visual style. Default: Info. */\n  tagType?: TagType;\n  /** Optional leading element shown before the title — typically a UserAvatar or Icon. */\n  leadingIcon?: ReactNode;\n  /** When set, shows a back button and calls this on click. */\n  onBack?: () => void;\n  /** When set, shows an expand button and calls this on click. */\n  onExpand?: () => void;\n  /** When set, shows a close button and calls this on click. */\n  onClose?: () => void;\n  /** Optional inline action label (e.g. \"Follow\"). */\n  actionLabel?: string;\n  /** Click handler for the action label. */\n  onActionClick?: () => void;\n  /** When true, the action button shows in its active state. */\n  actionActive?: boolean;\n  className?: string;\n}\n\nexport default function RightSidebarHeader({\n  title,\n  secondaryTitle,\n  tag,\n  tagType = 'info',\n  leadingIcon,\n  onBack,\n  onExpand,\n  onClose,\n  actionLabel,\n  onActionClick,\n  actionActive = false,\n  className = '',\n}: RightSidebarHeaderProps) {\n  const rootClass = [styles['right-sidebar-header'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass}>\n      <div className={styles['right-sidebar-header__left']}>\n        <div className={styles['right-sidebar-header__primary']}>\n          {onBack && (\n            <IconButton\n              className={styles['right-sidebar-header__back']}\n              size=\"small\"\n              aria-label=\"Back\"\n              onClick={onBack}\n              icon={<Icon size=\"16\" glyph={<ArrowBackIosIcon />} />}\n            />\n          )}\n          {leadingIcon && (\n            <span className={styles['right-sidebar-header__leading-icon']}>\n              {leadingIcon}\n            </span>\n          )}\n          <span className={styles['right-sidebar-header__title']}>{title}</span>\n          {tag && (\n            <span className={styles['right-sidebar-header__tag']}>\n              <Tag\n                label={tag}\n                type={tagType}\n                size=\"x-small\"\n                casing=\"all-caps\"\n              />\n            </span>\n          )}\n        </div>\n        {secondaryTitle && (\n          <div className={styles['right-sidebar-header__secondary']}>\n            <span className={styles['right-sidebar-header__secondary-text']}>\n              {secondaryTitle}\n            </span>\n          </div>\n        )}\n      </div>\n\n      <div className={styles['right-sidebar-header__actions']}>\n        {actionLabel && (\n          <button\n            type=\"button\"\n            className={[\n              styles['right-sidebar-header__action'],\n              actionActive\n                ? styles['right-sidebar-header__action--active']\n                : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onClick={onActionClick}\n            aria-pressed={actionActive ? true : undefined}\n          >\n            {actionLabel}\n          </button>\n        )}\n        {onExpand && (\n          <IconButton\n            size=\"small\"\n            aria-label=\"Expand\"\n            onClick={onExpand}\n            icon={<Icon size=\"16\" glyph={<ArrowExpandIcon />} />}\n          />\n        )}\n        {onClose && (\n          <IconButton\n            size=\"small\"\n            aria-label=\"Close\"\n            onClick={onClose}\n            icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["RightSidebarHeader","title","secondaryTitle","tag","tagType","leadingIcon","onBack","onExpand","onClose","actionLabel","onActionClick","actionActive","className","rootClass","styles","jsxs","jsx","IconButton","Icon","ArrowBackIosIcon","Tag","ArrowExpandIcon","CloseIcon"],"mappings":";;;;;;;;AAoCA,SAAwBA,EAAmB;AAAA,EACzC,OAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,KAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,WAAAC,IAAY;AACd,GAA4B;AAC1B,QAAMC,IAAY,CAACC,EAAO,sBAAsB,GAAGF,CAAS,EACzD,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAG,EAAC,OAAA,EAAI,WAAWF,GACd,UAAA;AAAA,IAAA,gBAAAE,EAAC,OAAA,EAAI,WAAWD,EAAO,4BAA4B,GACjD,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,+BAA+B,GACnD,UAAA;AAAA,QAAAR,KACC,gBAAAU;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,WAAWH,EAAO,4BAA4B;AAAA,YAC9C,MAAK;AAAA,YACL,cAAW;AAAA,YACX,SAASR;AAAA,YACT,wBAAOY,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAF,EAACG,KAAiB,EAAA,CAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAGtDd,KACC,gBAAAW,EAAC,QAAA,EAAK,WAAWF,EAAO,oCAAoC,GACzD,UAAAT,GACH;AAAA,0BAED,QAAA,EAAK,WAAWS,EAAO,6BAA6B,GAAI,UAAAb,GAAM;AAAA,QAC9DE,KACC,gBAAAa,EAAC,QAAA,EAAK,WAAWF,EAAO,2BAA2B,GACjD,UAAA,gBAAAE;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,OAAOjB;AAAA,YACP,MAAMC;AAAA,YACN,MAAK;AAAA,YACL,QAAO;AAAA,UAAA;AAAA,QAAA,EACT,CACF;AAAA,MAAA,GAEJ;AAAA,MACCF,KACC,gBAAAc,EAAC,OAAA,EAAI,WAAWF,EAAO,iCAAiC,GACtD,UAAA,gBAAAE,EAAC,QAAA,EAAK,WAAWF,EAAO,sCAAsC,GAC3D,aACH,EAAA,CACF;AAAA,IAAA,GAEJ;AAAA,IAEA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,+BAA+B,GACnD,UAAA;AAAA,MAAAL,KACC,gBAAAO;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAW;AAAA,YACTF,EAAO,8BAA8B;AAAA,YACrCH,IACIG,EAAO,sCAAsC,IAC7C;AAAA,UAAA,EAEH,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,UACX,SAASJ;AAAA,UACT,gBAAcC,IAAe,KAAO;AAAA,UAEnC,UAAAF;AAAA,QAAA;AAAA,MAAA;AAAA,MAGJF,KACC,gBAAAS;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAW;AAAA,UACX,SAASV;AAAA,UACT,wBAAOW,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAF,EAACK,KAAgB,EAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAGrDb,KACC,gBAAAQ;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAW;AAAA,UACX,SAAST;AAAA,UACT,wBAAOU,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAF,EAACM,KAAU,EAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAC9C,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/right-sidebar/RightSidebarHeader/RightSidebarHeader.module.css

@@ -0,0 +1 @@
+._right-sidebar-header_7aitf_2{display:flex;align-items:center;gap:var(--spacing-l);height:56px;padding:var(--spacing-m);background-color:var(--center-channel-bg);border-bottom:1px solid rgba(var(--center-channel-color-rgb),.12);box-sizing:border-box}._right-sidebar-header__left_7aitf_12{display:flex;flex:1 1 0;min-width:0;align-items:center}._right-sidebar-header__primary_7aitf_18{display:flex;align-items:center;gap:var(--spacing-xxs);padding:0 var(--spacing-xs);flex-shrink:0}._right-sidebar-header__back_7aitf_25{margin-left:-12px}._right-sidebar-header__leading-icon_7aitf_28{display:inline-flex;align-items:center;flex-shrink:0}._right-sidebar-header__tag_7aitf_33{display:inline-flex;align-items:center}._right-sidebar-header__title_7aitf_37{font-family:var(--font-family-heading);font-size:var(--font-size-200);font-weight:var(--font-weight-semibold);line-height:var(--line-height-200);color:var(--center-channel-color);white-space:nowrap}._right-sidebar-header__secondary_7aitf_45{display:flex;flex:1 1 0;min-width:0;align-items:center;padding:0 var(--spacing-xs);border-left:1px solid rgba(var(--center-channel-color-rgb),.16)}._right-sidebar-header__secondary-text_7aitf_53{font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-200);color:rgba(var(--center-channel-color-rgb),.56);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._right-sidebar-header__actions_7aitf_63{display:flex;align-items:center;gap:var(--spacing-xxxs);flex-shrink:0}._right-sidebar-header__action_7aitf_63{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:var(--spacing-xxxxs) var(--spacing-s);border:none;border-radius:var(--radius-s);background-color:transparent;font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.64);cursor:pointer;transition:background-color var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition)}._right-sidebar-header__action_7aitf_63:hover{background-color:rgba(var(--center-channel-color-rgb),.08);color:rgba(var(--center-channel-color-rgb),.75)}._right-sidebar-header__action_7aitf_63:active{background-color:rgba(var(--center-channel-color-rgb),.12)}._right-sidebar-header__action_7aitf_63:focus-visible{outline:none;box-shadow:0 0 0 2px var(--button-bg)}._right-sidebar-header__action--active_7aitf_97{background-color:rgba(var(--center-channel-color-rgb),.08);color:var(--center-channel-color)}

package/dist/components/right-sidebar/RightSidebarHeader/RightSidebarHeader.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./RightSidebarHeader.module.css');const e={"right-sidebar-header":"_right-sidebar-header_7aitf_2","right-sidebar-header__left":"_right-sidebar-header__left_7aitf_12","right-sidebar-header__primary":"_right-sidebar-header__primary_7aitf_18","right-sidebar-header__back":"_right-sidebar-header__back_7aitf_25","right-sidebar-header__leading-icon":"_right-sidebar-header__leading-icon_7aitf_28","right-sidebar-header__tag":"_right-sidebar-header__tag_7aitf_33","right-sidebar-header__title":"_right-sidebar-header__title_7aitf_37","right-sidebar-header__secondary":"_right-sidebar-header__secondary_7aitf_45","right-sidebar-header__secondary-text":"_right-sidebar-header__secondary-text_7aitf_53","right-sidebar-header__actions":"_right-sidebar-header__actions_7aitf_63","right-sidebar-header__action":"_right-sidebar-header__action_7aitf_63","right-sidebar-header__action--active":"_right-sidebar-header__action--active_7aitf_97"};exports.default=e;
+//# sourceMappingURL=RightSidebarHeader.module.scss.cjs.map

package/dist/components/right-sidebar/RightSidebarHeader/RightSidebarHeader.module.scss.cjs.map

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

package/dist/components/right-sidebar/RightSidebarHeader/RightSidebarHeader.module.scss.js

@@ -0,0 +1,18 @@
+import './RightSidebarHeader.module.css';const e = {
+  "right-sidebar-header": "_right-sidebar-header_7aitf_2",
+  "right-sidebar-header__left": "_right-sidebar-header__left_7aitf_12",
+  "right-sidebar-header__primary": "_right-sidebar-header__primary_7aitf_18",
+  "right-sidebar-header__back": "_right-sidebar-header__back_7aitf_25",
+  "right-sidebar-header__leading-icon": "_right-sidebar-header__leading-icon_7aitf_28",
+  "right-sidebar-header__tag": "_right-sidebar-header__tag_7aitf_33",
+  "right-sidebar-header__title": "_right-sidebar-header__title_7aitf_37",
+  "right-sidebar-header__secondary": "_right-sidebar-header__secondary_7aitf_45",
+  "right-sidebar-header__secondary-text": "_right-sidebar-header__secondary-text_7aitf_53",
+  "right-sidebar-header__actions": "_right-sidebar-header__actions_7aitf_63",
+  "right-sidebar-header__action": "_right-sidebar-header__action_7aitf_63",
+  "right-sidebar-header__action--active": "_right-sidebar-header__action--active_7aitf_97"
+};
+export {
+  e as default
+};
+//# sourceMappingURL=RightSidebarHeader.module.scss.js.map

package/dist/components/right-sidebar/RightSidebarHeader/RightSidebarHeader.module.scss.js.map

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

package/dist/components/right-sidebar/RightSidebarHeader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/right-sidebar/RightSidebarHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC"}