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

package/dist/components/action-button/ActionButton.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ActionButton.module.css');const t={"action-button":"_action-button_1u191_2","action-button--active":"_action-button--active_1u191_34","action-button__icon":"_action-button__icon_1u191_37","action-button__label":"_action-button__label_1u191_38","action-button--destructive":"_action-button--destructive_1u191_47"};exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ActionButton.css');const t={"action-button":"_action-button_1u191_2","action-button--active":"_action-button--active_1u191_34","action-button__icon":"_action-button__icon_1u191_37","action-button__label":"_action-button__label_1u191_38","action-button--destructive":"_action-button--destructive_1u191_47"};exports.default=t;
 //# sourceMappingURL=ActionButton.module.scss.cjs.map

package/dist/components/action-button/ActionButton.module.scss.js

@@ -1,4 +1,4 @@
-import './ActionButton.module.css';const t = {
+import './ActionButton.css';const t = {
   "action-button": "_action-button_1u191_2",
   "action-button--active": "_action-button--active_1u191_34",
   "action-button__icon": "_action-button__icon_1u191_37",

package/dist/components/admin-console-header/AdminConsoleHeader.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./AdminConsoleHeader.module.css');const e={"admin-console-header":"_admin-console-header_1kerw_2","admin-console-header__row":"_admin-console-header__row_1kerw_10","admin-console-header__back":"_admin-console-header__back_1kerw_18","admin-console-header__back-button":"_admin-console-header__back-button_1kerw_32","admin-console-header__title-row":"_admin-console-header__title-row_1kerw_40","admin-console-header__intro":"_admin-console-header__intro_1kerw_50","admin-console-header__title":"_admin-console-header__title_1kerw_40","admin-console-header__trailing":"_admin-console-header__trailing_1kerw_70"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./AdminConsoleHeader.css');const e={"admin-console-header":"_admin-console-header_1kerw_2","admin-console-header__row":"_admin-console-header__row_1kerw_10","admin-console-header__back":"_admin-console-header__back_1kerw_18","admin-console-header__back-button":"_admin-console-header__back-button_1kerw_32","admin-console-header__title-row":"_admin-console-header__title-row_1kerw_40","admin-console-header__intro":"_admin-console-header__intro_1kerw_50","admin-console-header__title":"_admin-console-header__title_1kerw_40","admin-console-header__trailing":"_admin-console-header__trailing_1kerw_70"};exports.default=e;
 //# sourceMappingURL=AdminConsoleHeader.module.scss.cjs.map

package/dist/components/admin-console-header/AdminConsoleHeader.module.scss.js

@@ -1,4 +1,4 @@
-import './AdminConsoleHeader.module.css';const e = {
+import './AdminConsoleHeader.css';const e = {
   "admin-console-header": "_admin-console-header_1kerw_2",
   "admin-console-header__row": "_admin-console-header__row_1kerw_10",
   "admin-console-header__back": "_admin-console-header__back_1kerw_18",

package/dist/components/admin-console-sidebar/AdminConsoleSidebar.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./AdminConsoleSidebar.module.css');const _={"admin-console-sidebar":"_admin-console-sidebar_154qp_2","admin-console-sidebar__header":"_admin-console-sidebar__header_154qp_19","admin-console-sidebar__identity":"_admin-console-sidebar__identity_154qp_26","admin-console-sidebar__identity-text":"_admin-console-sidebar__identity-text_154qp_32","admin-console-sidebar__title-row":"_admin-console-sidebar__title-row_154qp_40","admin-console-sidebar__title":"_admin-console-sidebar__title_154qp_40","admin-console-sidebar__title-chevron":"_admin-console-sidebar__title-chevron_154qp_62","admin-console-sidebar__handle":"_admin-console-sidebar__handle_154qp_68","admin-console-sidebar__find":"_admin-console-sidebar__find_154qp_80","admin-console-sidebar__find-icon":"_admin-console-sidebar__find-icon_154qp_95","admin-console-sidebar__find-field":"_admin-console-sidebar__find-field_154qp_102","admin-console-sidebar__scroll":"_admin-console-sidebar__scroll_154qp_126","admin-console-sidebar__nav":"_admin-console-sidebar__nav_154qp_133","admin-console-sidebar__group":"_admin-console-sidebar__group_154qp_139"};exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./AdminConsoleSidebar.css');const _={"admin-console-sidebar":"_admin-console-sidebar_154qp_2","admin-console-sidebar__header":"_admin-console-sidebar__header_154qp_19","admin-console-sidebar__identity":"_admin-console-sidebar__identity_154qp_26","admin-console-sidebar__identity-text":"_admin-console-sidebar__identity-text_154qp_32","admin-console-sidebar__title-row":"_admin-console-sidebar__title-row_154qp_40","admin-console-sidebar__title":"_admin-console-sidebar__title_154qp_40","admin-console-sidebar__title-chevron":"_admin-console-sidebar__title-chevron_154qp_62","admin-console-sidebar__handle":"_admin-console-sidebar__handle_154qp_68","admin-console-sidebar__find":"_admin-console-sidebar__find_154qp_80","admin-console-sidebar__find-icon":"_admin-console-sidebar__find-icon_154qp_95","admin-console-sidebar__find-field":"_admin-console-sidebar__find-field_154qp_102","admin-console-sidebar__scroll":"_admin-console-sidebar__scroll_154qp_126","admin-console-sidebar__nav":"_admin-console-sidebar__nav_154qp_133","admin-console-sidebar__group":"_admin-console-sidebar__group_154qp_139"};exports.default=_;
 //# sourceMappingURL=AdminConsoleSidebar.module.scss.cjs.map

package/dist/components/admin-console-sidebar/AdminConsoleSidebar.module.scss.js

@@ -1,4 +1,4 @@
-import './AdminConsoleSidebar.module.css';const _ = {
+import './AdminConsoleSidebar.css';const _ = {
   "admin-console-sidebar": "_admin-console-sidebar_154qp_2",
   "admin-console-sidebar__header": "_admin-console-sidebar__header_154qp_19",
   "admin-console-sidebar__identity": "_admin-console-sidebar__identity_154qp_26",

package/dist/components/admin-panel/AdminPanel.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./AdminPanel.module.css');const e={"admin-panel":"_admin-panel_iwm08_2","admin-panel__collapse":"_admin-panel__collapse_iwm08_13","admin-panel__collapse--expanded":"_admin-panel__collapse--expanded_iwm08_18","admin-panel__collapse-inner":"_admin-panel__collapse-inner_iwm08_21","admin-panel__body":"_admin-panel__body_iwm08_25"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./AdminPanel.css');const e={"admin-panel":"_admin-panel_iwm08_2","admin-panel__collapse":"_admin-panel__collapse_iwm08_13","admin-panel__collapse--expanded":"_admin-panel__collapse--expanded_iwm08_18","admin-panel__collapse-inner":"_admin-panel__collapse-inner_iwm08_21","admin-panel__body":"_admin-panel__body_iwm08_25"};exports.default=e;
 //# sourceMappingURL=AdminPanel.module.scss.cjs.map

package/dist/components/admin-panel/AdminPanel.module.scss.js

@@ -1,4 +1,4 @@
-import './AdminPanel.module.css';const _ = {
+import './AdminPanel.css';const _ = {
   "admin-panel": "_admin-panel_iwm08_2",
   "admin-panel__collapse": "_admin-panel__collapse_iwm08_13",
   "admin-panel__collapse--expanded": "_admin-panel__collapse--expanded_iwm08_18",

package/dist/components/admin-panel-footer/AdminPanelFooter.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./AdminPanelFooter.module.css');const e={"admin-panel-footer":"_admin-panel-footer_1cvux_2","admin-panel-footer__inner":"_admin-panel-footer__inner_1cvux_9","admin-panel-footer__actions":"_admin-panel-footer__actions_1cvux_18","admin-panel-footer__status":"_admin-panel-footer__status_1cvux_24","admin-panel-footer__status-icon":"_admin-panel-footer__status-icon_1cvux_35","admin-panel-footer--status-warning":"_admin-panel-footer--status-warning_1cvux_43","admin-panel-footer--status-error":"_admin-panel-footer--status-error_1cvux_46"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./AdminPanelFooter.css');const e={"admin-panel-footer":"_admin-panel-footer_1cvux_2","admin-panel-footer__inner":"_admin-panel-footer__inner_1cvux_9","admin-panel-footer__actions":"_admin-panel-footer__actions_1cvux_18","admin-panel-footer__status":"_admin-panel-footer__status_1cvux_24","admin-panel-footer__status-icon":"_admin-panel-footer__status-icon_1cvux_35","admin-panel-footer--status-warning":"_admin-panel-footer--status-warning_1cvux_43","admin-panel-footer--status-error":"_admin-panel-footer--status-error_1cvux_46"};exports.default=e;
 //# sourceMappingURL=AdminPanelFooter.module.scss.cjs.map

package/dist/components/admin-panel-footer/AdminPanelFooter.module.scss.js

@@ -1,4 +1,4 @@
-import './AdminPanelFooter.module.css';const a = {
+import './AdminPanelFooter.css';const a = {
   "admin-panel-footer": "_admin-panel-footer_1cvux_2",
   "admin-panel-footer__inner": "_admin-panel-footer__inner_1cvux_9",
   "admin-panel-footer__actions": "_admin-panel-footer__actions_1cvux_18",

package/dist/components/admin-panel-header/AdminPanelHeader.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./AdminPanelHeader.module.css');const e={"admin-panel-header":"_admin-panel-header_2n9e4_2","admin-panel-header--divided":"_admin-panel-header--divided_2n9e4_7","admin-panel-header__main":"_admin-panel-header__main_2n9e4_10","admin-panel-header__start":"_admin-panel-header__start_2n9e4_19","admin-panel-header__leading":"_admin-panel-header__leading_2n9e4_26","admin-panel-header__title-stack":"_admin-panel-header__title-stack_2n9e4_37","admin-panel-header__title-row":"_admin-panel-header__title-row_2n9e4_46","admin-panel-header__title":"_admin-panel-header__title_2n9e4_37","admin-panel-header__subtitle":"_admin-panel-header__subtitle_2n9e4_66","admin-panel-header__actions":"_admin-panel-header__actions_2n9e4_75"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./AdminPanelHeader.css');const e={"admin-panel-header":"_admin-panel-header_2n9e4_2","admin-panel-header--divided":"_admin-panel-header--divided_2n9e4_7","admin-panel-header__main":"_admin-panel-header__main_2n9e4_10","admin-panel-header__start":"_admin-panel-header__start_2n9e4_19","admin-panel-header__leading":"_admin-panel-header__leading_2n9e4_26","admin-panel-header__title-stack":"_admin-panel-header__title-stack_2n9e4_37","admin-panel-header__title-row":"_admin-panel-header__title-row_2n9e4_46","admin-panel-header__title":"_admin-panel-header__title_2n9e4_37","admin-panel-header__subtitle":"_admin-panel-header__subtitle_2n9e4_66","admin-panel-header__actions":"_admin-panel-header__actions_2n9e4_75"};exports.default=e;
 //# sourceMappingURL=AdminPanelHeader.module.scss.cjs.map

package/dist/components/admin-panel-header/AdminPanelHeader.module.scss.js

@@ -1,4 +1,4 @@
-import './AdminPanelHeader.module.css';const e = {
+import './AdminPanelHeader.css';const e = {
   "admin-panel-header": "_admin-panel-header_2n9e4_2",
   "admin-panel-header--divided": "_admin-panel-header--divided_2n9e4_7",
   "admin-panel-header__main": "_admin-panel-header__main_2n9e4_10",

package/dist/components/attachment-card/AttachmentCard.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./AttachmentCard.module.css');const t={"attachment-card":"_attachment-card_ffd4i_2","attachment-card__inner":"_attachment-card__inner_ffd4i_21","attachment-card__container":"_attachment-card__container_ffd4i_24","attachment-card__left":"_attachment-card__left_ffd4i_37","attachment-card__open":"_attachment-card__open_ffd4i_45","attachment-card__icon":"_attachment-card__icon_ffd4i_64","attachment-card__thumbnail":"_attachment-card__thumbnail_ffd4i_70","attachment-card__text":"_attachment-card__text_ffd4i_79","attachment-card__filename":"_attachment-card__filename_ffd4i_86","attachment-card__secondary-details":"_attachment-card__secondary-details_ffd4i_100","attachment-card__details":"_attachment-card__details_ffd4i_108","attachment-card__datetime":"_attachment-card__datetime_ffd4i_121","attachment-card__uploading-text":"_attachment-card__uploading-text_ffd4i_132","attachment-card__right":"_attachment-card__right_ffd4i_141","attachment-card__actions":"_attachment-card__actions_ffd4i_148","attachment-card__progress-bar":"_attachment-card__progress-bar_ffd4i_162","attachment-card__progress-fill":"_attachment-card__progress-fill_ffd4i_169","attachment-card--uploading":"_attachment-card--uploading_ffd4i_174","attachment-card--uploaded":"_attachment-card--uploaded_ffd4i_187"};exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./AttachmentCard.css');const t={"attachment-card":"_attachment-card_ffd4i_2","attachment-card__inner":"_attachment-card__inner_ffd4i_21","attachment-card__container":"_attachment-card__container_ffd4i_24","attachment-card__left":"_attachment-card__left_ffd4i_37","attachment-card__open":"_attachment-card__open_ffd4i_45","attachment-card__icon":"_attachment-card__icon_ffd4i_64","attachment-card__thumbnail":"_attachment-card__thumbnail_ffd4i_70","attachment-card__text":"_attachment-card__text_ffd4i_79","attachment-card__filename":"_attachment-card__filename_ffd4i_86","attachment-card__secondary-details":"_attachment-card__secondary-details_ffd4i_100","attachment-card__details":"_attachment-card__details_ffd4i_108","attachment-card__datetime":"_attachment-card__datetime_ffd4i_121","attachment-card__uploading-text":"_attachment-card__uploading-text_ffd4i_132","attachment-card__right":"_attachment-card__right_ffd4i_141","attachment-card__actions":"_attachment-card__actions_ffd4i_148","attachment-card__progress-bar":"_attachment-card__progress-bar_ffd4i_162","attachment-card__progress-fill":"_attachment-card__progress-fill_ffd4i_169","attachment-card--uploading":"_attachment-card--uploading_ffd4i_174","attachment-card--uploaded":"_attachment-card--uploaded_ffd4i_187"};exports.default=t;
 //# sourceMappingURL=AttachmentCard.module.scss.cjs.map

package/dist/components/attachment-card/AttachmentCard.module.scss.js

@@ -1,4 +1,4 @@
-import './AttachmentCard.module.css';const t = {
+import './AttachmentCard.css';const t = {
   "attachment-card": "_attachment-card_ffd4i_2",
   "attachment-card__inner": "_attachment-card__inner_ffd4i_21",
   "attachment-card__container": "_attachment-card__container_ffd4i_24",

package/dist/components/button/Button.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../icon/Icon.cjs"),i=require("../../utils/string.cjs"),t=require("./Button.module.scss.cjs"),N={"x-small":"12",small:"16",medium:"16",large:"20"};function q({appearance:c="default",className:d="",destructive:b=!1,emphasis:u="primary",children:f,leadingIcon:s,size:a="medium",trailingIcon:l,disabled:m,type:p="button",..._}){const n=N[a],j=t.default[`button--emphasis-${i.toKebab(u)}`],x=t.default[`button--size-${i.toKebab(a)}`],h=c==="inverted"?t.default["button--appearance-inverted"]:"",v=b?t.default["button--destructive"]:"",C=[t.default.button,j,x,h,v,d].filter(Boolean).join(" "),o=u!=="link";return e.jsxs("button",{className:C,type:p,disabled:m,..._,children:[o&&s!=null?e.jsx("span",{className:t.default["button__icon-slot"],"aria-hidden":!0,children:typeof s=="boolean"?e.jsx(r.default,{size:n}):s}):null,e.jsx("span",{className:t.default.button__label,children:f}),o&&l!=null?e.jsx("span",{className:t.default["button__icon-slot"],"aria-hidden":!0,children:typeof l=="boolean"?e.jsx(r.default,{size:n}):l}):null]})}exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),n=require("react"),z=require("../spinner/Spinner.cjs"),d=require("../../utils/string.cjs"),e=require("./Button.module.scss.cjs"),E={"x-small":"12",small:"12",medium:"16",large:"20"};function N({appearance:a="default",className:m="",destructive:b=!1,emphasis:u="primary",children:f,leadingIcon:o,loading:s=!1,size:i="medium",trailingIcon:r,disabled:_,type:p="button",...j}){const l=E[i],v=e.default[`button--emphasis-${d.toKebab(u)}`],h=e.default[`button--size-${d.toKebab(i)}`],x=a==="inverted"?e.default["button--appearance-inverted"]:"",C=b?e.default["button--destructive"]:"",S=[e.default.button,v,h,x,C,m].filter(Boolean).join(" "),c=u!=="link",q=s||c&&n.isValidElement(o);return t.jsxs("button",{className:S,type:p,disabled:_||s,...j,children:[q?t.jsx("span",{className:e.default["button__icon-slot"],"aria-hidden":!0,children:s?t.jsx(z.default,{size:l,inverted:a==="inverted"}):n.cloneElement(o,{size:l})}):null,t.jsx("span",{className:e.default.button__label,children:f}),c&&!s&&n.isValidElement(r)?t.jsx("span",{className:e.default["button__icon-slot"],"aria-hidden":!0,children:n.cloneElement(r,{size:l})}):null]})}exports.default=N;
 //# sourceMappingURL=Button.cjs.map

package/dist/components/button/Button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.cjs","sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from 'react';\nimport Icon from '@/components/icon/Icon';\nimport type { IconSize } from '@/components/icon/Icon';\nimport { toKebab } from '@/utils/string';\nimport styles from './Button.module.scss';\n\nexport type ButtonEmphasis =\n  | 'primary'\n  | 'secondary'\n  | 'tertiary'\n  | 'quaternary'\n  | 'link';\n\nexport type ButtonSize = 'x-small' | 'small' | 'medium' | 'large';\n\nexport type ButtonAppearance = 'default' | 'inverted';\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** default | inverted (for use on dark backgrounds). Maps to Figma \"Style\". */\n  appearance?: ButtonAppearance;\n  /** Optional CSS class name. */\n  className?: string;\n  /** Button label. */\n  children: React.ReactNode;\n  /** When true, uses destructive (danger) styling. */\n  destructive?: boolean;\n  /** Visual emphasis. Default: primary. */\n  emphasis?: ButtonEmphasis;\n  /** Leading icon (e.g. <Icon glyph={<SomeIcon />} size=\"16\" />). Icon size should match button size. */\n  leadingIcon?: ReactNode;\n  /** Size variant. Default: medium. */\n  size?: ButtonSize;\n  /** Trailing icon (e.g. `<Icon glyph={<SomeIcon />} size=\"16\" />`). Icon size should match button size. */\n  trailingIcon?: ReactNode;\n}\n\nconst SIZE_ICON_MAP: Record<ButtonSize, IconSize> = {\n  'x-small': '12',\n  small: '16',\n  medium: '16',\n  large: '20',\n};\n\n/**\n * Buttons let people take actions or make decisions with a single tap or click — saving a\n * form, sending a message, confirming a dialog. Compass ships several button variants, each\n * with the same anatomy and rhythm so they feel like members of the same family.\n */\nexport default function Button({\n  appearance = 'default',\n  className = '',\n  destructive = false,\n  emphasis = 'primary',\n  children,\n  leadingIcon,\n  size = 'medium',\n  trailingIcon,\n  disabled,\n  type = 'button',\n  ...rest\n}: ButtonProps) {\n  const iconSize = SIZE_ICON_MAP[size];\n  const emphasisClass = styles[`button--emphasis-${toKebab(emphasis)}`];\n  const sizeClass = styles[`button--size-${toKebab(size)}`];\n  const appearanceClass =\n    appearance === 'inverted' ? styles['button--appearance-inverted'] : '';\n  const destructiveClass = destructive ? styles['button--destructive'] : '';\n\n  const rootClass = [\n    styles.button,\n    emphasisClass,\n    sizeClass,\n    appearanceClass,\n    destructiveClass,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const supportsIcons = emphasis !== 'link';\n\n  return (\n    <button className={rootClass} type={type} disabled={disabled} {...rest}>\n      {supportsIcons && leadingIcon != null ? (\n        <span className={styles['button__icon-slot']} aria-hidden>\n          {typeof leadingIcon === 'boolean' ? (\n            <Icon size={iconSize} />\n          ) : (\n            leadingIcon\n          )}\n        </span>\n      ) : null}\n      <span className={styles['button__label']}>{children}</span>\n      {supportsIcons && trailingIcon != null ? (\n        <span className={styles['button__icon-slot']} aria-hidden>\n          {typeof trailingIcon === 'boolean' ? (\n            <Icon size={iconSize} />\n          ) : (\n            trailingIcon\n          )}\n        </span>\n      ) : null}\n    </button>\n  );\n}\n"],"names":["SIZE_ICON_MAP","Button","appearance","className","destructive","emphasis","children","leadingIcon","size","trailingIcon","disabled","type","rest","iconSize","emphasisClass","styles","toKebab","sizeClass","appearanceClass","destructiveClass","rootClass","supportsIcons","jsx","Icon"],"mappings":"yPAoCMA,EAA8C,CAClD,UAAW,KACX,MAAO,KACP,OAAQ,KACR,MAAO,IACT,EAOA,SAAwBC,EAAO,CAC7B,WAAAC,EAAa,UACb,UAAAC,EAAY,GACZ,YAAAC,EAAc,GACd,SAAAC,EAAW,UACX,SAAAC,EACA,YAAAC,EACA,KAAAC,EAAO,SACP,aAAAC,EACA,SAAAC,EACA,KAAAC,EAAO,SACP,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAWb,EAAcQ,CAAI,EAC7BM,EAAgBC,EAAAA,QAAO,oBAAoBC,EAAAA,QAAQX,CAAQ,CAAC,EAAE,EAC9DY,EAAYF,EAAAA,QAAO,gBAAgBC,EAAAA,QAAQR,CAAI,CAAC,EAAE,EAClDU,EACJhB,IAAe,WAAaa,EAAAA,QAAO,6BAA6B,EAAI,GAChEI,EAAmBf,EAAcW,UAAO,qBAAqB,EAAI,GAEjEK,EAAY,CAChBL,EAAAA,QAAO,OACPD,EACAG,EACAC,EACAC,EACAhB,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAELkB,EAAgBhB,IAAa,OAEnC,cACG,SAAA,CAAO,UAAWe,EAAW,KAAAT,EAAY,SAAAD,EAAqB,GAAGE,EAC/D,SAAA,CAAAS,GAAiBd,GAAe,KAC/Be,EAAAA,IAAC,QAAK,UAAWP,UAAO,mBAAmB,EAAG,cAAW,GACtD,SAAA,OAAOR,GAAgB,UACtBe,EAAAA,IAACC,UAAA,CAAK,KAAMV,EAAU,EAEtBN,EAEJ,EACE,WACH,OAAA,CAAK,UAAWQ,EAAAA,QAAO,cAAmB,SAAAT,EAAS,EACnDe,GAAiBZ,GAAgB,KAChCa,MAAC,QAAK,UAAWP,EAAAA,QAAO,mBAAmB,EAAG,cAAW,GACtD,SAAA,OAAON,GAAiB,UACvBa,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAMV,CAAA,CAAU,EAEtBJ,EAEJ,EACE,IAAA,EACN,CAEJ"}
+{"version":3,"file":"Button.cjs","sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import React, { type ButtonHTMLAttributes, type ReactNode } from 'react';\nimport type { IconSize } from '@/components/icon/Icon';\nimport Spinner from '@/components/spinner/Spinner';\nimport type { SpinnerSize } from '@/components/spinner/Spinner';\nimport { toKebab } from '@/utils/string';\nimport styles from './Button.module.scss';\n\nexport type ButtonEmphasis =\n  | 'primary'\n  | 'secondary'\n  | 'tertiary'\n  | 'quaternary'\n  | 'link';\n\nexport type ButtonSize = 'x-small' | 'small' | 'medium' | 'large';\n\nexport type ButtonAppearance = 'default' | 'inverted';\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** default | inverted (for use on dark backgrounds). Maps to Figma \"Style\". */\n  appearance?: ButtonAppearance;\n  /** Optional CSS class name. */\n  className?: string;\n  /** Button label. */\n  children: React.ReactNode;\n  /** When true, uses destructive (danger) styling. */\n  destructive?: boolean;\n  /** Visual emphasis. Default: primary. */\n  emphasis?: ButtonEmphasis;\n  /** Leading icon — pass `<Icon glyph={<YourIcon />} />`. Button injects the correct size. */\n  leadingIcon?: ReactNode;\n  /** When true, shows a Spinner in the leading slot and disables the button. */\n  loading?: boolean;\n  /** Size variant. Default: medium. */\n  size?: ButtonSize;\n  /** Trailing icon — pass `<Icon glyph={<YourIcon />} />`. Button injects the correct size. */\n  trailingIcon?: ReactNode;\n}\n\nconst SIZE_ICON_MAP: Record<ButtonSize, IconSize> = {\n  'x-small': '12',\n  small: '12',\n  medium: '16',\n  large: '20',\n};\n\n/**\n * Buttons let people take actions or make decisions with a single tap or click — saving a\n * form, sending a message, confirming a dialog. Compass ships several button variants, each\n * with the same anatomy and rhythm so they feel like members of the same family.\n */\nexport default function Button({\n  appearance = 'default',\n  className = '',\n  destructive = false,\n  emphasis = 'primary',\n  children,\n  leadingIcon,\n  loading = false,\n  size = 'medium',\n  trailingIcon,\n  disabled,\n  type = 'button',\n  ...rest\n}: ButtonProps) {\n  const iconSize = SIZE_ICON_MAP[size];\n  const emphasisClass = styles[`button--emphasis-${toKebab(emphasis)}`];\n  const sizeClass = styles[`button--size-${toKebab(size)}`];\n  const appearanceClass =\n    appearance === 'inverted' ? styles['button--appearance-inverted'] : '';\n  const destructiveClass = destructive ? styles['button--destructive'] : '';\n\n  const rootClass = [\n    styles.button,\n    emphasisClass,\n    sizeClass,\n    appearanceClass,\n    destructiveClass,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const supportsIcons = emphasis !== 'link';\n  const showLeadingSlot = loading || (supportsIcons && React.isValidElement(leadingIcon));\n\n  return (\n    <button className={rootClass} type={type} disabled={disabled || loading} {...rest}>\n      {showLeadingSlot ? (\n        <span className={styles['button__icon-slot']} aria-hidden>\n          {loading\n            ? <Spinner size={iconSize as SpinnerSize} inverted={appearance === 'inverted'} />\n            : React.cloneElement(leadingIcon as React.ReactElement<{ size?: string }>, { size: iconSize })}\n        </span>\n      ) : null}\n      <span className={styles['button__label']}>{children}</span>\n      {supportsIcons && !loading && React.isValidElement(trailingIcon) ? (\n        <span className={styles['button__icon-slot']} aria-hidden>\n          {React.cloneElement(trailingIcon as React.ReactElement<{ size?: string }>, { size: iconSize })}\n        </span>\n      ) : null}\n    </button>\n  );\n}\n"],"names":["SIZE_ICON_MAP","Button","appearance","className","destructive","emphasis","children","leadingIcon","loading","size","trailingIcon","disabled","type","rest","iconSize","emphasisClass","styles","toKebab","sizeClass","appearanceClass","destructiveClass","rootClass","supportsIcons","showLeadingSlot","React","jsxs","jsx","Spinner"],"mappings":"kRAuCMA,EAA8C,CAClD,UAAW,KACX,MAAO,KACP,OAAQ,KACR,MAAO,IACT,EAOA,SAAwBC,EAAO,CAC7B,WAAAC,EAAa,UACb,UAAAC,EAAY,GACZ,YAAAC,EAAc,GACd,SAAAC,EAAW,UACX,SAAAC,EACA,YAAAC,EACA,QAAAC,EAAU,GACV,KAAAC,EAAO,SACP,aAAAC,EACA,SAAAC,EACA,KAAAC,EAAO,SACP,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAWd,EAAcS,CAAI,EAC7BM,EAAgBC,EAAAA,QAAO,oBAAoBC,EAAAA,QAAQZ,CAAQ,CAAC,EAAE,EAC9Da,EAAYF,EAAAA,QAAO,gBAAgBC,EAAAA,QAAQR,CAAI,CAAC,EAAE,EAClDU,EACJjB,IAAe,WAAac,EAAAA,QAAO,6BAA6B,EAAI,GAChEI,EAAmBhB,EAAcY,UAAO,qBAAqB,EAAI,GAEjEK,EAAY,CAChBL,EAAAA,QAAO,OACPD,EACAG,EACAC,EACAC,EACAjB,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAELmB,EAAgBjB,IAAa,OAC7BkB,EAAkBf,GAAYc,GAAiBE,EAAM,eAAejB,CAAW,EAErF,OACEkB,OAAC,UAAO,UAAWJ,EAAW,KAAAT,EAAY,SAAUD,GAAYH,EAAU,GAAGK,EAC1E,SAAA,CAAAU,EACCG,EAAAA,IAAC,OAAA,CAAK,UAAWV,EAAAA,QAAO,mBAAmB,EAAG,cAAW,GACtD,SAAAR,EACGkB,EAAAA,IAACC,EAAAA,QAAA,CAAQ,KAAMb,EAAyB,SAAUZ,IAAe,UAAA,CAAY,EAC7EsB,EAAM,aAAajB,EAAsD,CAAE,KAAMO,CAAA,CAAU,CAAA,CACjG,EACE,WACH,OAAA,CAAK,UAAWE,EAAAA,QAAO,cAAmB,SAAAV,EAAS,EACnDgB,GAAiB,CAACd,GAAWgB,EAAM,eAAed,CAAY,EAC7DgB,EAAAA,IAAC,OAAA,CAAK,UAAWV,UAAO,mBAAmB,EAAG,cAAW,GACtD,SAAAQ,EAAM,aAAad,EAAuD,CAAE,KAAMI,EAAU,CAAA,CAC/F,EACE,IAAA,EACN,CAEJ"}

package/dist/components/button/Button.css

@@ -0,0 +1 @@
+._button_doayp_2{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);border-radius:var(--radius-s);border:0;white-space:nowrap;cursor:pointer;transition:background-color var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition),box-shadow var(--duration-quick) var(--ease-transition),outline-color var(--duration-quick) var(--ease-transition),outline-offset var(--duration-quick) var(--ease-transition);outline:2px solid color-mix(in srgb,var(--focus-ring-color) 0%,transparent);outline-offset:0}._button_doayp_2:focus-visible{outline-color:var(--focus-ring-color);outline-offset:3px}._button_doayp_2:disabled{cursor:not-allowed}._button__label_doayp_24{line-height:1}._button__icon-slot_doayp_27{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}._button--size-x-small_doayp_33{padding:var(--spacing-xxxs) var(--spacing-m)}._button--size-x-small_doayp_33 ._button__label_doayp_24{font-size:var(--font-size-75);line-height:var(--line-height-75)}._button--size-small_doayp_40{padding:var(--spacing-xs) var(--spacing-l)}._button--size-small_doayp_40 ._button__label_doayp_24{font-size:var(--font-size-75);line-height:var(--line-height-75)}._button--size-medium_doayp_47{padding:var(--spacing-s) var(--spacing-xl)}._button--size-medium_doayp_47 ._button__label_doayp_24{font-size:var(--font-size-100);line-height:var(--line-height-100)}._button--size-large_doayp_54{padding:var(--spacing-m) var(--spacing-xxl)}._button--size-large_doayp_54 ._button__label_doayp_24{font-size:var(--font-size-200);line-height:var(--line-height-200)}._button--emphasis-primary_doayp_61{background-color:var(--button-bg);color:var(--button-color)}._button--emphasis-primary_doayp_61:hover:not(:disabled){background-color:color-mix(in srgb,black 8%,var(--button-bg))}._button--emphasis-primary_doayp_61:active:not(:disabled){background-color:color-mix(in srgb,black 16%,var(--button-bg))}._button--emphasis-primary_doayp_61:disabled{background-color:rgba(var(--center-channel-color-rgb),.08);color:rgba(var(--center-channel-color-rgb),.32)}._button--emphasis-secondary_doayp_75{--focus-ring-color: var(--link-color);background-color:transparent;color:var(--link-color);box-shadow:inset 0 0 0 1px var(--link-color)}._button--emphasis-secondary_doayp_75:hover:not(:disabled){background-color:rgba(var(--link-color-rgb),.08)}._button--emphasis-secondary_doayp_75:active:not(:disabled){background-color:rgba(var(--link-color-rgb),.16)}._button--emphasis-secondary_doayp_75:disabled{box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.32);color:rgba(var(--center-channel-color-rgb),.32)}._button--emphasis-tertiary_doayp_91{background-color:rgba(var(--link-color-rgb),.08);color:var(--link-color)}._button--emphasis-tertiary_doayp_91:hover:not(:disabled){background-color:rgba(var(--link-color-rgb),.12)}._button--emphasis-tertiary_doayp_91:active:not(:disabled){background-color:rgba(var(--link-color-rgb),.16)}._button--emphasis-tertiary_doayp_91:disabled{background-color:rgba(var(--center-channel-color-rgb),.08);color:rgba(var(--center-channel-color-rgb),.32)}._button--emphasis-quaternary_doayp_105{background-color:transparent;color:var(--link-color)}._button--emphasis-quaternary_doayp_105:hover:not(:disabled){background-color:rgba(var(--link-color-rgb),.08)}._button--emphasis-quaternary_doayp_105:active:not(:disabled){background-color:rgba(var(--link-color-rgb),.12)}._button--emphasis-quaternary_doayp_105:disabled{color:rgba(var(--center-channel-color-rgb),.32)}._button--emphasis-link_doayp_118{--focus-ring-color: var(--link-color);padding:0;background-color:transparent;color:var(--link-color)}._button--emphasis-link_doayp_118:hover:not(:disabled) ._button__label_doayp_24{text-decoration:underline}._button--emphasis-link_doayp_118:disabled{color:rgba(var(--center-channel-color-rgb),.32)}._button--destructive_doayp_130{--focus-ring-color: var(--error-text, var(--color-danger))}._button--destructive_doayp_130._button--emphasis-primary_doayp_61{background-color:var(--error-text, var(--color-danger));color:var(--button-color)}._button--destructive_doayp_130._button--emphasis-primary_doayp_61:hover:not(:disabled){background-color:color-mix(in srgb,black 8%,var(--error-text, var(--color-danger)))}._button--destructive_doayp_130._button--emphasis-primary_doayp_61:active:not(:disabled){background-color:color-mix(in srgb,black 16%,var(--error-text, var(--color-danger)))}._button--destructive_doayp_130._button--emphasis-primary_doayp_61:disabled{background-color:rgba(var(--center-channel-color-rgb),.08);color:rgba(var(--center-channel-color-rgb),.32)}._button--destructive_doayp_130._button--emphasis-secondary_doayp_75{color:var(--error-text, var(--color-danger));box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger))}._button--destructive_doayp_130._button--emphasis-secondary_doayp_75:hover:not(:disabled){background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.08)}._button--destructive_doayp_130._button--emphasis-secondary_doayp_75:active:not(:disabled){background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.16)}._button--destructive_doayp_130._button--emphasis-secondary_doayp_75:disabled{box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.32);color:rgba(var(--center-channel-color-rgb),.32)}._button--destructive_doayp_130._button--emphasis-tertiary_doayp_91{background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.08);color:var(--error-text, var(--color-danger))}._button--destructive_doayp_130._button--emphasis-tertiary_doayp_91:hover:not(:disabled){background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.12)}._button--destructive_doayp_130._button--emphasis-tertiary_doayp_91:active:not(:disabled){background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.16)}._button--destructive_doayp_130._button--emphasis-tertiary_doayp_91:disabled{background-color:rgba(var(--center-channel-color-rgb),.08);color:rgba(var(--center-channel-color-rgb),.32)}._button--destructive_doayp_130._button--emphasis-quaternary_doayp_105{color:var(--error-text, var(--color-danger))}._button--destructive_doayp_130._button--emphasis-quaternary_doayp_105:hover:not(:disabled){background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.08)}._button--destructive_doayp_130._button--emphasis-quaternary_doayp_105:active:not(:disabled){background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.16)}._button--destructive_doayp_130._button--emphasis-quaternary_doayp_105:disabled{color:rgba(var(--center-channel-color-rgb),.32)}._button--destructive_doayp_130._button--emphasis-link_doayp_118{color:var(--error-text, var(--color-danger))}._button--destructive_doayp_130._button--emphasis-link_doayp_118:disabled{color:rgba(var(--center-channel-color-rgb),.32)}._button--appearance-inverted_doayp_193._button--emphasis-primary_doayp_61{background-color:var(--sidebar-text);color:var(--sidebar-bg)}._button--appearance-inverted_doayp_193._button--emphasis-primary_doayp_61:hover:not(:disabled){background-color:rgba(var(--sidebar-text-rgb),.92)}._button--appearance-inverted_doayp_193._button--emphasis-primary_doayp_61:active:not(:disabled){background-color:rgba(var(--sidebar-text-rgb),.88)}._button--appearance-inverted_doayp_193._button--emphasis-primary_doayp_61:disabled{background-color:rgba(var(--sidebar-text-rgb),.08);color:rgba(var(--sidebar-text-rgb),.32)}._button--appearance-inverted_doayp_193._button--emphasis-secondary_doayp_75{color:var(--sidebar-text);box-shadow:inset 0 0 0 1px var(--sidebar-text)}._button--appearance-inverted_doayp_193._button--emphasis-secondary_doayp_75:hover:not(:disabled){background-color:rgba(var(--sidebar-text-rgb),.12)}._button--appearance-inverted_doayp_193._button--emphasis-secondary_doayp_75:active:not(:disabled){background-color:rgba(var(--sidebar-text-rgb),.2)}._button--appearance-inverted_doayp_193._button--emphasis-secondary_doayp_75:disabled{box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.32);color:rgba(var(--center-channel-color-rgb),.32)}._button--appearance-inverted_doayp_193._button--emphasis-tertiary_doayp_91{background-color:rgba(var(--sidebar-text-rgb),.08);color:var(--sidebar-text)}._button--appearance-inverted_doayp_193._button--emphasis-tertiary_doayp_91:hover:not(:disabled){background-color:rgba(var(--sidebar-text-rgb),.12)}._button--appearance-inverted_doayp_193._button--emphasis-tertiary_doayp_91:active:not(:disabled){background-color:rgba(var(--sidebar-text-rgb),.16)}._button--appearance-inverted_doayp_193._button--emphasis-tertiary_doayp_91:disabled{background-color:rgba(var(--sidebar-text-rgb),.08);color:rgba(var(--sidebar-text-rgb),.32)}._button--appearance-inverted_doayp_193._button--emphasis-quaternary_doayp_105{color:var(--sidebar-text)}._button--appearance-inverted_doayp_193._button--emphasis-quaternary_doayp_105:hover:not(:disabled){background-color:rgba(var(--sidebar-text-rgb),.12)}._button--appearance-inverted_doayp_193._button--emphasis-quaternary_doayp_105:active:not(:disabled){background-color:rgba(var(--sidebar-text-rgb),.2)}._button--appearance-inverted_doayp_193._button--emphasis-quaternary_doayp_105:disabled{color:rgba(var(--sidebar-text-rgb),.32)}._button--appearance-inverted_doayp_193._button--emphasis-link_doayp_118{color:var(--sidebar-text)}._button--appearance-inverted_doayp_193._button--emphasis-link_doayp_118:disabled{color:rgba(var(--sidebar-text-rgb),.32)}

package/dist/components/button/Button.d.ts

@@ -1,4 +1,4 @@
-import { ButtonHTMLAttributes, ReactNode } from 'react';
+import { default as React, ButtonHTMLAttributes, ReactNode } from 'react';
 export type ButtonEmphasis = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'link';
 export type ButtonSize = 'x-small' | 'small' | 'medium' | 'large';
 export type ButtonAppearance = 'default' | 'inverted';
@@ -13,11 +13,13 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     destructive?: boolean;
     /** Visual emphasis. Default: primary. */
     emphasis?: ButtonEmphasis;
-    /** Leading icon (e.g. <Icon glyph={<SomeIcon />} size="16" />). Icon size should match button size. */
+    /** Leading icon — pass `<Icon glyph={<YourIcon />} />`. Button injects the correct size. */
     leadingIcon?: ReactNode;
+    /** When true, shows a Spinner in the leading slot and disables the button. */
+    loading?: boolean;
     /** Size variant. Default: medium. */
     size?: ButtonSize;
-    /** Trailing icon (e.g. `<Icon glyph={<SomeIcon />} size="16" />`). Icon size should match button size. */
+    /** Trailing icon — pass `<Icon glyph={<YourIcon />} />`. Button injects the correct size. */
     trailingIcon?: ReactNode;
 }
 /**
@@ -25,5 +27,5 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
  * form, sending a message, confirming a dialog. Compass ships several button variants, each
  * with the same anatomy and rhythm so they feel like members of the same family.
  */
-export default function Button({ appearance, className, destructive, emphasis, children, leadingIcon, size, trailingIcon, disabled, type, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export default function Button({ appearance, className, destructive, emphasis, children, leadingIcon, loading, size, trailingIcon, disabled, type, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Button.d.ts.map

package/dist/components/button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAM7D,MAAM,MAAM,cAAc,GACtB,SAAS,GACT,WAAW,GACX,UAAU,GACV,YAAY,GACZ,MAAM,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAElE,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,UAAU,CAAC;AAEtD,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,+EAA+E;IAC/E,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oDAAoD;IACpD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,uGAAuG;IACvG,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,qCAAqC;IACrC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,0GAA0G;IAC1G,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AASD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,UAAsB,EACtB,SAAc,EACd,WAAmB,EACnB,QAAoB,EACpB,QAAQ,EACR,WAAW,EACX,IAAe,EACf,YAAY,EACZ,QAAQ,EACR,IAAe,EACf,GAAG,IAAI,EACR,EAAE,WAAW,2CA4Cb"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOzE,MAAM,MAAM,cAAc,GACtB,SAAS,GACT,WAAW,GACX,UAAU,GACV,YAAY,GACZ,MAAM,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAElE,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,UAAU,CAAC;AAEtD,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,+EAA+E;IAC/E,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oDAAoD;IACpD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,4FAA4F;IAC5F,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,6FAA6F;IAC7F,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AASD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,UAAsB,EACtB,SAAc,EACd,WAAmB,EACnB,QAAoB,EACpB,QAAQ,EACR,WAAW,EACX,OAAe,EACf,IAAe,EACf,YAAY,EACZ,QAAQ,EACR,IAAe,EACf,GAAG,IAAI,EACR,EAAE,WAAW,2CAuCb"}

package/dist/components/button/Button.js

@@ -1,41 +1,43 @@
-import { jsxs as y, jsx as s } from "react/jsx-runtime";
-import u from "../icon/Icon.js";
-import { toKebab as i } from "../../utils/string.js";
+import { jsxs as S, jsx as s } from "react/jsx-runtime";
+import n from "react";
+import j from "../spinner/Spinner.js";
+import { toKebab as u } from "../../utils/string.js";
 import t from "./Button.module.scss.js";
-const z = {
+const y = {
   "x-small": "12",
-  small: "16",
+  small: "12",
   medium: "16",
   large: "20"
 };
-function k({
-  appearance: c = "default",
-  className: m = "",
+function A({
+  appearance: l = "default",
+  className: d = "",
   destructive: p = !1,
-  emphasis: n = "primary",
+  emphasis: a = "primary",
   children: b,
-  leadingIcon: o,
-  size: a = "medium",
-  trailingIcon: e,
-  disabled: d,
-  type: f = "button",
-  ..._
+  leadingIcon: i,
+  loading: e = !1,
+  size: r = "medium",
+  trailingIcon: m,
+  disabled: f,
+  type: _ = "button",
+  ...h
 }) {
-  const l = z[a], h = t[`button--emphasis-${i(n)}`], C = t[`button--size-${i(a)}`], N = c === "inverted" ? t["button--appearance-inverted"] : "", v = p ? t["button--destructive"] : "", x = [
+  const o = y[r], v = t[`button--emphasis-${u(a)}`], C = t[`button--size-${u(r)}`], z = l === "inverted" ? t["button--appearance-inverted"] : "", E = p ? t["button--destructive"] : "", N = [
     t.button,
-    h,
-    C,
-    N,
     v,
-    m
-  ].filter(Boolean).join(" "), r = n !== "link";
-  return /* @__PURE__ */ y("button", { className: x, type: f, disabled: d, ..._, children: [
-    r && o != null ? /* @__PURE__ */ s("span", { className: t["button__icon-slot"], "aria-hidden": !0, children: typeof o == "boolean" ? /* @__PURE__ */ s(u, { size: l }) : o }) : null,
+    C,
+    z,
+    E,
+    d
+  ].filter(Boolean).join(" "), c = a !== "link", x = e || c && n.isValidElement(i);
+  return /* @__PURE__ */ S("button", { className: N, type: _, disabled: f || e, ...h, children: [
+    x ? /* @__PURE__ */ s("span", { className: t["button__icon-slot"], "aria-hidden": !0, children: e ? /* @__PURE__ */ s(j, { size: o, inverted: l === "inverted" }) : n.cloneElement(i, { size: o }) }) : null,
     /* @__PURE__ */ s("span", { className: t.button__label, children: b }),
-    r && e != null ? /* @__PURE__ */ s("span", { className: t["button__icon-slot"], "aria-hidden": !0, children: typeof e == "boolean" ? /* @__PURE__ */ s(u, { size: l }) : e }) : null
+    c && !e && n.isValidElement(m) ? /* @__PURE__ */ s("span", { className: t["button__icon-slot"], "aria-hidden": !0, children: n.cloneElement(m, { size: o }) }) : null
   ] });
 }
 export {
-  k as default
+  A as default
 };
 //# sourceMappingURL=Button.js.map

package/dist/components/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from 'react';\nimport Icon from '@/components/icon/Icon';\nimport type { IconSize } from '@/components/icon/Icon';\nimport { toKebab } from '@/utils/string';\nimport styles from './Button.module.scss';\n\nexport type ButtonEmphasis =\n  | 'primary'\n  | 'secondary'\n  | 'tertiary'\n  | 'quaternary'\n  | 'link';\n\nexport type ButtonSize = 'x-small' | 'small' | 'medium' | 'large';\n\nexport type ButtonAppearance = 'default' | 'inverted';\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** default | inverted (for use on dark backgrounds). Maps to Figma \"Style\". */\n  appearance?: ButtonAppearance;\n  /** Optional CSS class name. */\n  className?: string;\n  /** Button label. */\n  children: React.ReactNode;\n  /** When true, uses destructive (danger) styling. */\n  destructive?: boolean;\n  /** Visual emphasis. Default: primary. */\n  emphasis?: ButtonEmphasis;\n  /** Leading icon (e.g. <Icon glyph={<SomeIcon />} size=\"16\" />). Icon size should match button size. */\n  leadingIcon?: ReactNode;\n  /** Size variant. Default: medium. */\n  size?: ButtonSize;\n  /** Trailing icon (e.g. `<Icon glyph={<SomeIcon />} size=\"16\" />`). Icon size should match button size. */\n  trailingIcon?: ReactNode;\n}\n\nconst SIZE_ICON_MAP: Record<ButtonSize, IconSize> = {\n  'x-small': '12',\n  small: '16',\n  medium: '16',\n  large: '20',\n};\n\n/**\n * Buttons let people take actions or make decisions with a single tap or click — saving a\n * form, sending a message, confirming a dialog. Compass ships several button variants, each\n * with the same anatomy and rhythm so they feel like members of the same family.\n */\nexport default function Button({\n  appearance = 'default',\n  className = '',\n  destructive = false,\n  emphasis = 'primary',\n  children,\n  leadingIcon,\n  size = 'medium',\n  trailingIcon,\n  disabled,\n  type = 'button',\n  ...rest\n}: ButtonProps) {\n  const iconSize = SIZE_ICON_MAP[size];\n  const emphasisClass = styles[`button--emphasis-${toKebab(emphasis)}`];\n  const sizeClass = styles[`button--size-${toKebab(size)}`];\n  const appearanceClass =\n    appearance === 'inverted' ? styles['button--appearance-inverted'] : '';\n  const destructiveClass = destructive ? styles['button--destructive'] : '';\n\n  const rootClass = [\n    styles.button,\n    emphasisClass,\n    sizeClass,\n    appearanceClass,\n    destructiveClass,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const supportsIcons = emphasis !== 'link';\n\n  return (\n    <button className={rootClass} type={type} disabled={disabled} {...rest}>\n      {supportsIcons && leadingIcon != null ? (\n        <span className={styles['button__icon-slot']} aria-hidden>\n          {typeof leadingIcon === 'boolean' ? (\n            <Icon size={iconSize} />\n          ) : (\n            leadingIcon\n          )}\n        </span>\n      ) : null}\n      <span className={styles['button__label']}>{children}</span>\n      {supportsIcons && trailingIcon != null ? (\n        <span className={styles['button__icon-slot']} aria-hidden>\n          {typeof trailingIcon === 'boolean' ? (\n            <Icon size={iconSize} />\n          ) : (\n            trailingIcon\n          )}\n        </span>\n      ) : null}\n    </button>\n  );\n}\n"],"names":["SIZE_ICON_MAP","Button","appearance","className","destructive","emphasis","children","leadingIcon","size","trailingIcon","disabled","type","rest","iconSize","emphasisClass","styles","toKebab","sizeClass","appearanceClass","destructiveClass","rootClass","supportsIcons","jsx","Icon"],"mappings":";;;;AAoCA,MAAMA,IAA8C;AAAA,EAClD,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACT;AAOA,SAAwBC,EAAO;AAAA,EAC7B,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,aAAAC,IAAc;AAAA,EACd,UAAAC,IAAW;AAAA,EACX,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GAAgB;AACd,QAAMC,IAAWb,EAAcQ,CAAI,GAC7BM,IAAgBC,EAAO,oBAAoBC,EAAQX,CAAQ,CAAC,EAAE,GAC9DY,IAAYF,EAAO,gBAAgBC,EAAQR,CAAI,CAAC,EAAE,GAClDU,IACJhB,MAAe,aAAaa,EAAO,6BAA6B,IAAI,IAChEI,IAAmBf,IAAcW,EAAO,qBAAqB,IAAI,IAEjEK,IAAY;AAAA,IAChBL,EAAO;AAAA,IACPD;AAAA,IACAG;AAAA,IACAC;AAAA,IACAC;AAAA,IACAhB;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAELkB,IAAgBhB,MAAa;AAEnC,2BACG,UAAA,EAAO,WAAWe,GAAW,MAAAT,GAAY,UAAAD,GAAqB,GAAGE,GAC/D,UAAA;AAAA,IAAAS,KAAiBd,KAAe,OAC/B,gBAAAe,EAAC,UAAK,WAAWP,EAAO,mBAAmB,GAAG,eAAW,IACtD,UAAA,OAAOR,KAAgB,YACtB,gBAAAe,EAACC,GAAA,EAAK,MAAMV,GAAU,IAEtBN,GAEJ,IACE;AAAA,sBACH,QAAA,EAAK,WAAWQ,EAAO,eAAmB,UAAAT,GAAS;AAAA,IACnDe,KAAiBZ,KAAgB,OAChC,gBAAAa,EAAC,UAAK,WAAWP,EAAO,mBAAmB,GAAG,eAAW,IACtD,UAAA,OAAON,KAAiB,YACvB,gBAAAa,EAACC,GAAA,EAAK,MAAMV,EAAA,CAAU,IAEtBJ,GAEJ,IACE;AAAA,EAAA,GACN;AAEJ;"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import React, { type ButtonHTMLAttributes, type ReactNode } from 'react';\nimport type { IconSize } from '@/components/icon/Icon';\nimport Spinner from '@/components/spinner/Spinner';\nimport type { SpinnerSize } from '@/components/spinner/Spinner';\nimport { toKebab } from '@/utils/string';\nimport styles from './Button.module.scss';\n\nexport type ButtonEmphasis =\n  | 'primary'\n  | 'secondary'\n  | 'tertiary'\n  | 'quaternary'\n  | 'link';\n\nexport type ButtonSize = 'x-small' | 'small' | 'medium' | 'large';\n\nexport type ButtonAppearance = 'default' | 'inverted';\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** default | inverted (for use on dark backgrounds). Maps to Figma \"Style\". */\n  appearance?: ButtonAppearance;\n  /** Optional CSS class name. */\n  className?: string;\n  /** Button label. */\n  children: React.ReactNode;\n  /** When true, uses destructive (danger) styling. */\n  destructive?: boolean;\n  /** Visual emphasis. Default: primary. */\n  emphasis?: ButtonEmphasis;\n  /** Leading icon — pass `<Icon glyph={<YourIcon />} />`. Button injects the correct size. */\n  leadingIcon?: ReactNode;\n  /** When true, shows a Spinner in the leading slot and disables the button. */\n  loading?: boolean;\n  /** Size variant. Default: medium. */\n  size?: ButtonSize;\n  /** Trailing icon — pass `<Icon glyph={<YourIcon />} />`. Button injects the correct size. */\n  trailingIcon?: ReactNode;\n}\n\nconst SIZE_ICON_MAP: Record<ButtonSize, IconSize> = {\n  'x-small': '12',\n  small: '12',\n  medium: '16',\n  large: '20',\n};\n\n/**\n * Buttons let people take actions or make decisions with a single tap or click — saving a\n * form, sending a message, confirming a dialog. Compass ships several button variants, each\n * with the same anatomy and rhythm so they feel like members of the same family.\n */\nexport default function Button({\n  appearance = 'default',\n  className = '',\n  destructive = false,\n  emphasis = 'primary',\n  children,\n  leadingIcon,\n  loading = false,\n  size = 'medium',\n  trailingIcon,\n  disabled,\n  type = 'button',\n  ...rest\n}: ButtonProps) {\n  const iconSize = SIZE_ICON_MAP[size];\n  const emphasisClass = styles[`button--emphasis-${toKebab(emphasis)}`];\n  const sizeClass = styles[`button--size-${toKebab(size)}`];\n  const appearanceClass =\n    appearance === 'inverted' ? styles['button--appearance-inverted'] : '';\n  const destructiveClass = destructive ? styles['button--destructive'] : '';\n\n  const rootClass = [\n    styles.button,\n    emphasisClass,\n    sizeClass,\n    appearanceClass,\n    destructiveClass,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const supportsIcons = emphasis !== 'link';\n  const showLeadingSlot = loading || (supportsIcons && React.isValidElement(leadingIcon));\n\n  return (\n    <button className={rootClass} type={type} disabled={disabled || loading} {...rest}>\n      {showLeadingSlot ? (\n        <span className={styles['button__icon-slot']} aria-hidden>\n          {loading\n            ? <Spinner size={iconSize as SpinnerSize} inverted={appearance === 'inverted'} />\n            : React.cloneElement(leadingIcon as React.ReactElement<{ size?: string }>, { size: iconSize })}\n        </span>\n      ) : null}\n      <span className={styles['button__label']}>{children}</span>\n      {supportsIcons && !loading && React.isValidElement(trailingIcon) ? (\n        <span className={styles['button__icon-slot']} aria-hidden>\n          {React.cloneElement(trailingIcon as React.ReactElement<{ size?: string }>, { size: iconSize })}\n        </span>\n      ) : null}\n    </button>\n  );\n}\n"],"names":["SIZE_ICON_MAP","Button","appearance","className","destructive","emphasis","children","leadingIcon","loading","size","trailingIcon","disabled","type","rest","iconSize","emphasisClass","styles","toKebab","sizeClass","appearanceClass","destructiveClass","rootClass","supportsIcons","showLeadingSlot","React","jsxs","jsx","Spinner"],"mappings":";;;;;AAuCA,MAAMA,IAA8C;AAAA,EAClD,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACT;AAOA,SAAwBC,EAAO;AAAA,EAC7B,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,aAAAC,IAAc;AAAA,EACd,UAAAC,IAAW;AAAA,EACX,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GAAgB;AACd,QAAMC,IAAWd,EAAcS,CAAI,GAC7BM,IAAgBC,EAAO,oBAAoBC,EAAQZ,CAAQ,CAAC,EAAE,GAC9Da,IAAYF,EAAO,gBAAgBC,EAAQR,CAAI,CAAC,EAAE,GAClDU,IACJjB,MAAe,aAAac,EAAO,6BAA6B,IAAI,IAChEI,IAAmBhB,IAAcY,EAAO,qBAAqB,IAAI,IAEjEK,IAAY;AAAA,IAChBL,EAAO;AAAA,IACPD;AAAA,IACAG;AAAA,IACAC;AAAA,IACAC;AAAA,IACAjB;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAELmB,IAAgBjB,MAAa,QAC7BkB,IAAkBf,KAAYc,KAAiBE,EAAM,eAAejB,CAAW;AAErF,SACE,gBAAAkB,EAAC,YAAO,WAAWJ,GAAW,MAAAT,GAAY,UAAUD,KAAYH,GAAU,GAAGK,GAC1E,UAAA;AAAA,IAAAU,IACC,gBAAAG,EAAC,QAAA,EAAK,WAAWV,EAAO,mBAAmB,GAAG,eAAW,IACtD,UAAAR,IACG,gBAAAkB,EAACC,GAAA,EAAQ,MAAMb,GAAyB,UAAUZ,MAAe,WAAA,CAAY,IAC7EsB,EAAM,aAAajB,GAAsD,EAAE,MAAMO,EAAA,CAAU,EAAA,CACjG,IACE;AAAA,sBACH,QAAA,EAAK,WAAWE,EAAO,eAAmB,UAAAV,GAAS;AAAA,IACnDgB,KAAiB,CAACd,KAAWgB,EAAM,eAAed,CAAY,IAC7D,gBAAAgB,EAAC,QAAA,EAAK,WAAWV,EAAO,mBAAmB,GAAG,eAAW,IACtD,UAAAQ,EAAM,aAAad,GAAuD,EAAE,MAAMI,GAAU,EAAA,CAC/F,IACE;AAAA,EAAA,GACN;AAEJ;"}

package/dist/components/button/Button.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Button.module.css');const t="_button_fg9op_2",o="_button__label_fg9op_23",e={button:t,button__label:o,"button__icon-slot":"_button__icon-slot_fg9op_26","button--size-x-small":"_button--size-x-small_fg9op_32","button--size-small":"_button--size-small_fg9op_39","button--size-medium":"_button--size-medium_fg9op_46","button--size-large":"_button--size-large_fg9op_53","button--emphasis-primary":"_button--emphasis-primary_fg9op_60","button--emphasis-secondary":"_button--emphasis-secondary_fg9op_74","button--emphasis-tertiary":"_button--emphasis-tertiary_fg9op_90","button--emphasis-quaternary":"_button--emphasis-quaternary_fg9op_104","button--emphasis-link":"_button--emphasis-link_fg9op_117","button--destructive":"_button--destructive_fg9op_129","button--appearance-inverted":"_button--appearance-inverted_fg9op_192"};exports.button=t;exports.button__label=o;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Button.css');const t="_button_doayp_2",o="_button__label_doayp_24",e={button:t,button__label:o,"button__icon-slot":"_button__icon-slot_doayp_27","button--size-x-small":"_button--size-x-small_doayp_33","button--size-small":"_button--size-small_doayp_40","button--size-medium":"_button--size-medium_doayp_47","button--size-large":"_button--size-large_doayp_54","button--emphasis-primary":"_button--emphasis-primary_doayp_61","button--emphasis-secondary":"_button--emphasis-secondary_doayp_75","button--emphasis-tertiary":"_button--emphasis-tertiary_doayp_91","button--emphasis-quaternary":"_button--emphasis-quaternary_doayp_105","button--emphasis-link":"_button--emphasis-link_doayp_118","button--destructive":"_button--destructive_doayp_130","button--appearance-inverted":"_button--appearance-inverted_doayp_193"};exports.button=t;exports.button__label=o;exports.default=e;
 //# sourceMappingURL=Button.module.scss.cjs.map

package/dist/components/button/Button.module.scss.js

@@ -1,18 +1,18 @@
-import './Button.module.css';const t = "_button_fg9op_2", o = "_button__label_fg9op_23", _ = {
+import './Button.css';const t = "_button_doayp_2", o = "_button__label_doayp_24", _ = {
   button: t,
   button__label: o,
-  "button__icon-slot": "_button__icon-slot_fg9op_26",
-  "button--size-x-small": "_button--size-x-small_fg9op_32",
-  "button--size-small": "_button--size-small_fg9op_39",
-  "button--size-medium": "_button--size-medium_fg9op_46",
-  "button--size-large": "_button--size-large_fg9op_53",
-  "button--emphasis-primary": "_button--emphasis-primary_fg9op_60",
-  "button--emphasis-secondary": "_button--emphasis-secondary_fg9op_74",
-  "button--emphasis-tertiary": "_button--emphasis-tertiary_fg9op_90",
-  "button--emphasis-quaternary": "_button--emphasis-quaternary_fg9op_104",
-  "button--emphasis-link": "_button--emphasis-link_fg9op_117",
-  "button--destructive": "_button--destructive_fg9op_129",
-  "button--appearance-inverted": "_button--appearance-inverted_fg9op_192"
+  "button__icon-slot": "_button__icon-slot_doayp_27",
+  "button--size-x-small": "_button--size-x-small_doayp_33",
+  "button--size-small": "_button--size-small_doayp_40",
+  "button--size-medium": "_button--size-medium_doayp_47",
+  "button--size-large": "_button--size-large_doayp_54",
+  "button--emphasis-primary": "_button--emphasis-primary_doayp_61",
+  "button--emphasis-secondary": "_button--emphasis-secondary_doayp_75",
+  "button--emphasis-tertiary": "_button--emphasis-tertiary_doayp_91",
+  "button--emphasis-quaternary": "_button--emphasis-quaternary_doayp_105",
+  "button--emphasis-link": "_button--emphasis-link_doayp_118",
+  "button--destructive": "_button--destructive_doayp_130",
+  "button--appearance-inverted": "_button--appearance-inverted_doayp_193"
 };
 export {
   t as button,

package/dist/components/card-button/CardButton.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./CardButton.module.css');const t={"card-button":"_card-button_1l92t_2","card-button--selected":"_card-button--selected_1l92t_22","card-button__icon":"_card-button__icon_1l92t_37","card-button__check":"_card-button__check_1l92t_41","card-button__text":"_card-button__text_1l92t_54","card-button__title":"_card-button__title_1l92t_62","card-button__description":"_card-button__description_1l92t_69"};exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./CardButton.css');const t={"card-button":"_card-button_1l92t_2","card-button--selected":"_card-button--selected_1l92t_22","card-button__icon":"_card-button__icon_1l92t_37","card-button__check":"_card-button__check_1l92t_41","card-button__text":"_card-button__text_1l92t_54","card-button__title":"_card-button__title_1l92t_62","card-button__description":"_card-button__description_1l92t_69"};exports.default=t;
 //# sourceMappingURL=CardButton.module.scss.cjs.map

package/dist/components/card-button/CardButton.module.scss.js

@@ -1,4 +1,4 @@
-import './CardButton.module.css';const t = {
+import './CardButton.css';const t = {
   "card-button": "_card-button_1l92t_2",
   "card-button--selected": "_card-button--selected_1l92t_22",
   "card-button__icon": "_card-button__icon_1l92t_37",

package/dist/components/card-button/CardButtonGroup.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./CardButtonGroup.module.css');const e={"card-button-group":"_card-button-group_1cufe_2"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./CardButtonGroup.css');const e={"card-button-group":"_card-button-group_1cufe_2"};exports.default=e;
 //# sourceMappingURL=CardButtonGroup.module.scss.cjs.map

package/dist/components/card-button/CardButtonGroup.module.scss.js

@@ -1,4 +1,4 @@
-import './CardButtonGroup.module.css';const t = {
+import './CardButtonGroup.css';const t = {
   "card-button-group": "_card-button-group_1cufe_2"
 };
 export {

package/dist/components/channel-category-menu/ChannelCategoryMenu.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__c=require("@mattermost/compass-icons/components/bell-off-outline.js"),c=__c?.default??__c,__d=require("@mattermost/compass-icons/components/chevron-right.js"),d=__d?.default??__d,__j=require("@mattermost/compass-icons/components/folder-move-outline.js"),j=__j?.default??__j,__x=require("@mattermost/compass-icons/components/globe.js"),x=__x?.default??__x,__g=require("@mattermost/compass-icons/components/pencil-outline.js"),g=__g?.default??__g,__h=require("@mattermost/compass-icons/components/plus.js"),h=__h?.default??__h,__p=require("@mattermost/compass-icons/components/sort-alphabetical-ascending.js"),p=__p?.default??__p,__f=require("@mattermost/compass-icons/components/trash-can-outline.js"),f=__f?.default??__f,l=require("../icon/Icon.cjs"),s=require("../menu-item/MenuItem.cjs"),n=require("../popover-menu/PopoverMenu.cjs"),a=require("./ChannelCategoryMenu.module.scss.cjs");function y({sortLabel:r="Alphabetically",className:t="",style:u,...i}){const o=[a.default["channel-category-menu"],t].filter(Boolean).join(" ");return e.jsxs(n.default,{className:o,style:{width:"247px",...u},...i,children:[e.jsxs(n.PopoverMenuGroup,{children:[e.jsx(s.default,{label:"Mute category",leadingVisual:e.jsx(l.default,{glyph:e.jsx(c,{}),size:"16"})}),e.jsx(s.default,{label:"Rename category",leadingVisual:e.jsx(l.default,{glyph:e.jsx(g,{}),size:"16"})}),e.jsx(s.default,{label:"Delete category",destructive:!0,leadingVisual:e.jsx(l.default,{glyph:e.jsx(f,{}),size:"16"})})]}),e.jsx(n.PopoverMenuDivider,{}),e.jsx(n.PopoverMenuGroup,{children:e.jsx(s.default,{label:"Sort",leadingVisual:e.jsx(l.default,{glyph:e.jsx(p,{}),size:"16"}),trailingElement:!0,trailingVisual:e.jsxs("span",{className:a.default["channel-category-menu__sort-trailing"],children:[e.jsx("span",{className:a.default["channel-category-menu__sort-label"],children:r}),e.jsx(l.default,{glyph:e.jsx(d,{}),size:"16"})]})})}),e.jsx(n.PopoverMenuDivider,{}),e.jsxs(n.PopoverMenuGroup,{children:[e.jsx(s.default,{label:"Browse channels",leadingVisual:e.jsx(l.default,{glyph:e.jsx(x,{}),size:"16"})}),e.jsx(s.default,{label:"Create new channel",leadingVisual:e.jsx(l.default,{glyph:e.jsx(h,{}),size:"16"})})]}),e.jsx(n.PopoverMenuDivider,{}),e.jsx(n.PopoverMenuGroup,{children:e.jsx(s.default,{label:"Create new category",leadingVisual:e.jsx(l.default,{glyph:e.jsx(j,{}),size:"16"})})})]})}exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__c=require("@mattermost/compass-icons/components/bell-off-outline.js"),c=__c?.default??__c,__d=require("@mattermost/compass-icons/components/chevron-right.js"),d=__d?.default??__d,__j=require("@mattermost/compass-icons/components/folder-move-outline.js"),j=__j?.default??__j,__x=require("@mattermost/compass-icons/components/globe.js"),x=__x?.default??__x,__g=require("@mattermost/compass-icons/components/pencil-outline.js"),g=__g?.default??__g,__h=require("@mattermost/compass-icons/components/plus.js"),h=__h?.default??__h,__f=require("@mattermost/compass-icons/components/sort-alphabetical-ascending.js"),f=__f?.default??__f,__p=require("@mattermost/compass-icons/components/trash-can-outline.js"),p=__p?.default??__p,l=require("../icon/Icon.cjs"),s=require("../menu-item/MenuItem.cjs"),n=require("../popover-menu/PopoverMenu.cjs"),a=require("./ChannelCategoryMenu.module.scss.cjs");function y({sortLabel:r="Alphabetically",className:t="",style:u,...i}){const o=[a.default["channel-category-menu"],t].filter(Boolean).join(" ");return e.jsxs(n.default,{className:o,style:u,...i,children:[e.jsxs(n.PopoverMenuGroup,{children:[e.jsx(s.default,{label:"Mute category",leadingVisual:e.jsx(l.default,{glyph:e.jsx(c,{}),size:"16"})}),e.jsx(s.default,{label:"Rename category",leadingVisual:e.jsx(l.default,{glyph:e.jsx(g,{}),size:"16"})}),e.jsx(s.default,{label:"Delete category",destructive:!0,leadingVisual:e.jsx(l.default,{glyph:e.jsx(p,{}),size:"16"})})]}),e.jsx(n.PopoverMenuDivider,{}),e.jsx(n.PopoverMenuGroup,{children:e.jsx(s.default,{label:"Sort",leadingVisual:e.jsx(l.default,{glyph:e.jsx(f,{}),size:"16"}),trailingElement:!0,trailingVisual:e.jsxs("span",{className:a.default["channel-category-menu__sort-trailing"],children:[e.jsx("span",{className:a.default["channel-category-menu__sort-label"],children:r}),e.jsx(l.default,{glyph:e.jsx(d,{}),size:"16"})]})})}),e.jsx(n.PopoverMenuDivider,{}),e.jsxs(n.PopoverMenuGroup,{children:[e.jsx(s.default,{label:"Browse channels",leadingVisual:e.jsx(l.default,{glyph:e.jsx(x,{}),size:"16"})}),e.jsx(s.default,{label:"Create new channel",leadingVisual:e.jsx(l.default,{glyph:e.jsx(h,{}),size:"16"})})]}),e.jsx(n.PopoverMenuDivider,{}),e.jsx(n.PopoverMenuGroup,{children:e.jsx(s.default,{label:"Create new category",leadingVisual:e.jsx(l.default,{glyph:e.jsx(j,{}),size:"16"})})})]})}exports.default=y;
 //# sourceMappingURL=ChannelCategoryMenu.cjs.map

package/dist/components/channel-category-menu/ChannelCategoryMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelCategoryMenu.cjs","sources":["../../../src/components/channel-category-menu/ChannelCategoryMenu.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport BellOffOutlineIcon from '@mattermost/compass-icons/components/bell-off-outline';\nimport ChevronRightIcon from '@mattermost/compass-icons/components/chevron-right';\nimport FolderMoveOutlineIcon from '@mattermost/compass-icons/components/folder-move-outline';\nimport GlobeIcon from '@mattermost/compass-icons/components/globe';\nimport PencilOutlineIcon from '@mattermost/compass-icons/components/pencil-outline';\nimport PlusIcon from '@mattermost/compass-icons/components/plus';\nimport SortAlphabeticalAscendingIcon from '@mattermost/compass-icons/components/sort-alphabetical-ascending';\nimport TrashCanOutlineIcon from '@mattermost/compass-icons/components/trash-can-outline';\nimport Icon from '@/components/icon/Icon';\nimport MenuItem from '@/components/menu-item/MenuItem';\nimport PopoverMenu, {\n  PopoverMenuDivider,\n  PopoverMenuGroup,\n} from '@/components/popover-menu/PopoverMenu';\nimport styles from './ChannelCategoryMenu.module.scss';\n\nexport interface ChannelCategoryMenuProps\n  extends HTMLAttributes<HTMLDivElement> {\n  /** Label shown in the Sort row trailing detail. Default: Alphabetically. */\n  sortLabel?: string;\n}\n\n/**\n * Channel category context menu — mute/rename/delete, sort, browse/create.\n */\nexport default function ChannelCategoryMenu({\n  sortLabel = 'Alphabetically',\n  className = '',\n  style,\n  ...rest\n}: ChannelCategoryMenuProps) {\n  const rootClass = [styles['channel-category-menu'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <PopoverMenu\n      className={rootClass}\n      style={{ width: '247px', ...style }}\n      {...rest}\n    >\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Mute category\"\n          leadingVisual={<Icon glyph={<BellOffOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Rename category\"\n          leadingVisual={<Icon glyph={<PencilOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Delete category\"\n          destructive\n          leadingVisual={<Icon glyph={<TrashCanOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Sort\"\n          leadingVisual={\n            <Icon glyph={<SortAlphabeticalAscendingIcon />} size=\"16\" />\n          }\n          trailingElement\n          trailingVisual={\n            <span className={styles['channel-category-menu__sort-trailing']}>\n              <span\n                className={styles['channel-category-menu__sort-label']}\n              >\n                {sortLabel}\n              </span>\n              <Icon glyph={<ChevronRightIcon />} size=\"16\" />\n            </span>\n          }\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Browse channels\"\n          leadingVisual={<Icon glyph={<GlobeIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Create new channel\"\n          leadingVisual={<Icon glyph={<PlusIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Create new category\"\n          leadingVisual={<Icon glyph={<FolderMoveOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n    </PopoverMenu>\n  );\n}\n"],"names":["ChannelCategoryMenu","sortLabel","className","style","rest","rootClass","styles","jsxs","PopoverMenu","PopoverMenuGroup","jsx","MenuItem","Icon","BellOffOutlineIcon","PencilOutlineIcon","TrashCanOutlineIcon","PopoverMenuDivider","SortAlphabeticalAscendingIcon","ChevronRightIcon","GlobeIcon","PlusIcon","FolderMoveOutlineIcon"],"mappings":"+zBA0BA,SAAwBA,EAAoB,CAC1C,UAAAC,EAAY,iBACZ,UAAAC,EAAY,GACZ,MAAAC,EACA,GAAGC,CACL,EAA6B,CAC3B,MAAMC,EAAY,CAACC,UAAO,uBAAuB,EAAGJ,CAAS,EAC1D,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEK,EAAAA,KAACC,EAAAA,QAAA,CACC,UAAWH,EACX,MAAO,CAAE,MAAO,QAAS,GAAGF,CAAA,EAC3B,GAAGC,EAEJ,SAAA,CAAAG,OAACE,EAAAA,iBAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,gBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQC,EAAA,CAAA,CAAmB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEhEH,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,kBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQE,EAAA,CAAA,CAAkB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAE/DJ,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,kBACN,YAAW,GACX,oBAAgBC,EAAAA,QAAA,CAAK,YAAQG,EAAA,CAAA,CAAoB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CACjE,EACF,QACCC,EAAAA,mBAAA,EAAmB,QACnBP,EAAAA,iBAAA,CACC,SAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,OACN,oBACGC,UAAA,CAAK,YAAQK,EAAA,EAA8B,EAAI,KAAK,KAAK,EAE5D,gBAAe,GACf,eACEV,EAAAA,KAAC,OAAA,CAAK,UAAWD,UAAO,sCAAsC,EAC5D,SAAA,CAAAI,EAAAA,IAAC,OAAA,CACC,UAAWJ,EAAAA,QAAO,mCAAmC,EAEpD,SAAAL,CAAA,CAAA,QAEFW,EAAAA,QAAA,CAAK,YAAQM,EAAA,CAAA,CAAiB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CAC/C,CAAA,CAAA,EAGN,QACCF,EAAAA,mBAAA,EAAmB,SACnBP,EAAAA,iBAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,kBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQO,EAAA,CAAA,CAAU,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEvDT,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,qBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQQ,EAAA,CAAA,CAAS,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CACtD,EACF,QACCJ,EAAAA,mBAAA,EAAmB,QACnBP,EAAAA,iBAAA,CACC,SAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,sBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQS,EAAA,CAAA,CAAsB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CACnE,CACF,CAAA,CAAA,CAAA,CAGN"}
+{"version":3,"file":"ChannelCategoryMenu.cjs","sources":["../../../src/components/channel-category-menu/ChannelCategoryMenu.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport BellOffOutlineIcon from '@mattermost/compass-icons/components/bell-off-outline';\nimport ChevronRightIcon from '@mattermost/compass-icons/components/chevron-right';\nimport FolderMoveOutlineIcon from '@mattermost/compass-icons/components/folder-move-outline';\nimport GlobeIcon from '@mattermost/compass-icons/components/globe';\nimport PencilOutlineIcon from '@mattermost/compass-icons/components/pencil-outline';\nimport PlusIcon from '@mattermost/compass-icons/components/plus';\nimport SortAlphabeticalAscendingIcon from '@mattermost/compass-icons/components/sort-alphabetical-ascending';\nimport TrashCanOutlineIcon from '@mattermost/compass-icons/components/trash-can-outline';\nimport Icon from '@/components/icon/Icon';\nimport MenuItem from '@/components/menu-item/MenuItem';\nimport PopoverMenu, {\n  PopoverMenuDivider,\n  PopoverMenuGroup,\n} from '@/components/popover-menu/PopoverMenu';\nimport styles from './ChannelCategoryMenu.module.scss';\n\nexport interface ChannelCategoryMenuProps\n  extends HTMLAttributes<HTMLDivElement> {\n  /** Label shown in the Sort row trailing detail. Default: Alphabetically. */\n  sortLabel?: string;\n}\n\n/**\n * Channel category context menu — mute/rename/delete, sort, browse/create.\n */\nexport default function ChannelCategoryMenu({\n  sortLabel = 'Alphabetically',\n  className = '',\n  style,\n  ...rest\n}: ChannelCategoryMenuProps) {\n  const rootClass = [styles['channel-category-menu'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <PopoverMenu\n      className={rootClass}\n      style={style}\n      {...rest}\n    >\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Mute category\"\n          leadingVisual={<Icon glyph={<BellOffOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Rename category\"\n          leadingVisual={<Icon glyph={<PencilOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Delete category\"\n          destructive\n          leadingVisual={<Icon glyph={<TrashCanOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Sort\"\n          leadingVisual={\n            <Icon glyph={<SortAlphabeticalAscendingIcon />} size=\"16\" />\n          }\n          trailingElement\n          trailingVisual={\n            <span className={styles['channel-category-menu__sort-trailing']}>\n              <span\n                className={styles['channel-category-menu__sort-label']}\n              >\n                {sortLabel}\n              </span>\n              <Icon glyph={<ChevronRightIcon />} size=\"16\" />\n            </span>\n          }\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Browse channels\"\n          leadingVisual={<Icon glyph={<GlobeIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Create new channel\"\n          leadingVisual={<Icon glyph={<PlusIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Create new category\"\n          leadingVisual={<Icon glyph={<FolderMoveOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n    </PopoverMenu>\n  );\n}\n"],"names":["ChannelCategoryMenu","sortLabel","className","style","rest","rootClass","styles","jsxs","PopoverMenu","PopoverMenuGroup","jsx","MenuItem","Icon","BellOffOutlineIcon","PencilOutlineIcon","TrashCanOutlineIcon","PopoverMenuDivider","SortAlphabeticalAscendingIcon","ChevronRightIcon","GlobeIcon","PlusIcon","FolderMoveOutlineIcon"],"mappings":"+zBA0BA,SAAwBA,EAAoB,CAC1C,UAAAC,EAAY,iBACZ,UAAAC,EAAY,GACZ,MAAAC,EACA,GAAGC,CACL,EAA6B,CAC3B,MAAMC,EAAY,CAACC,UAAO,uBAAuB,EAAGJ,CAAS,EAC1D,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEK,EAAAA,KAACC,EAAAA,QAAA,CACC,UAAWH,EACX,MAAAF,EACC,GAAGC,EAEJ,SAAA,CAAAG,OAACE,EAAAA,iBAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,gBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQC,EAAA,CAAA,CAAmB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEhEH,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,kBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQE,EAAA,CAAA,CAAkB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAE/DJ,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,kBACN,YAAW,GACX,oBAAgBC,EAAAA,QAAA,CAAK,YAAQG,EAAA,CAAA,CAAoB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CACjE,EACF,QACCC,EAAAA,mBAAA,EAAmB,QACnBP,EAAAA,iBAAA,CACC,SAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,OACN,oBACGC,UAAA,CAAK,YAAQK,EAAA,EAA8B,EAAI,KAAK,KAAK,EAE5D,gBAAe,GACf,eACEV,EAAAA,KAAC,OAAA,CAAK,UAAWD,UAAO,sCAAsC,EAC5D,SAAA,CAAAI,EAAAA,IAAC,OAAA,CACC,UAAWJ,EAAAA,QAAO,mCAAmC,EAEpD,SAAAL,CAAA,CAAA,QAEFW,EAAAA,QAAA,CAAK,YAAQM,EAAA,CAAA,CAAiB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CAC/C,CAAA,CAAA,EAGN,QACCF,EAAAA,mBAAA,EAAmB,SACnBP,EAAAA,iBAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,kBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQO,EAAA,CAAA,CAAU,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEvDT,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,qBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQQ,EAAA,CAAA,CAAS,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CACtD,EACF,QACCJ,EAAAA,mBAAA,EAAmB,QACnBP,EAAAA,iBAAA,CACC,SAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,sBACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQS,EAAA,CAAA,CAAsB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CACnE,CACF,CAAA,CAAA,CAAA,CAGN"}

package/dist/components/channel-category-menu/ChannelCategoryMenu.js

@@ -3,8 +3,8 @@ import __u from "@mattermost/compass-icons/components/bell-off-outline.js";const
 import __g from "@mattermost/compass-icons/components/chevron-right.js";const g=__g&&__g.default?__g.default:__g;
 import __h from "@mattermost/compass-icons/components/folder-move-outline.js";const h=__h&&__h.default?__h.default:__h;
 import __d from "@mattermost/compass-icons/components/globe.js";const d=__d&&__d.default?__d.default:__d;
-import __y from "@mattermost/compass-icons/components/pencil-outline.js";const y=__y&&__y.default?__y.default:__y;
-import __f from "@mattermost/compass-icons/components/plus.js";const f=__f&&__f.default?__f.default:__f;
+import __f from "@mattermost/compass-icons/components/pencil-outline.js";const f=__f&&__f.default?__f.default:__f;
+import __y from "@mattermost/compass-icons/components/plus.js";const y=__y&&__y.default?__y.default:__y;
 import __b from "@mattermost/compass-icons/components/sort-alphabetical-ascending.js";const b=__b&&__b.default?__b.default:__b;
 import __I from "@mattermost/compass-icons/components/trash-can-outline.js";const I=__I&&__I.default?__I.default:__I;
 import l from "../icon/Icon.js";
@@ -22,7 +22,7 @@ function D({
     z,
     {
       className: p,
-      style: { width: "247px", ...c },
+      style: c,
       ...m,
       children: [
         /* @__PURE__ */ o(r, { children: [
@@ -37,7 +37,7 @@ function D({
             n,
             {
               label: "Rename category",
-              leadingVisual: /* @__PURE__ */ e(l, { glyph: /* @__PURE__ */ e(y, {}), size: "16" })
+              leadingVisual: /* @__PURE__ */ e(l, { glyph: /* @__PURE__ */ e(f, {}), size: "16" })
             }
           ),
           /* @__PURE__ */ e(
@@ -81,7 +81,7 @@ function D({
             n,
             {
               label: "Create new channel",
-              leadingVisual: /* @__PURE__ */ e(l, { glyph: /* @__PURE__ */ e(f, {}), size: "16" })
+              leadingVisual: /* @__PURE__ */ e(l, { glyph: /* @__PURE__ */ e(y, {}), size: "16" })
             }
           )
         ] }),

package/dist/components/channel-category-menu/ChannelCategoryMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelCategoryMenu.js","sources":["../../../src/components/channel-category-menu/ChannelCategoryMenu.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport BellOffOutlineIcon from '@mattermost/compass-icons/components/bell-off-outline';\nimport ChevronRightIcon from '@mattermost/compass-icons/components/chevron-right';\nimport FolderMoveOutlineIcon from '@mattermost/compass-icons/components/folder-move-outline';\nimport GlobeIcon from '@mattermost/compass-icons/components/globe';\nimport PencilOutlineIcon from '@mattermost/compass-icons/components/pencil-outline';\nimport PlusIcon from '@mattermost/compass-icons/components/plus';\nimport SortAlphabeticalAscendingIcon from '@mattermost/compass-icons/components/sort-alphabetical-ascending';\nimport TrashCanOutlineIcon from '@mattermost/compass-icons/components/trash-can-outline';\nimport Icon from '@/components/icon/Icon';\nimport MenuItem from '@/components/menu-item/MenuItem';\nimport PopoverMenu, {\n  PopoverMenuDivider,\n  PopoverMenuGroup,\n} from '@/components/popover-menu/PopoverMenu';\nimport styles from './ChannelCategoryMenu.module.scss';\n\nexport interface ChannelCategoryMenuProps\n  extends HTMLAttributes<HTMLDivElement> {\n  /** Label shown in the Sort row trailing detail. Default: Alphabetically. */\n  sortLabel?: string;\n}\n\n/**\n * Channel category context menu — mute/rename/delete, sort, browse/create.\n */\nexport default function ChannelCategoryMenu({\n  sortLabel = 'Alphabetically',\n  className = '',\n  style,\n  ...rest\n}: ChannelCategoryMenuProps) {\n  const rootClass = [styles['channel-category-menu'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <PopoverMenu\n      className={rootClass}\n      style={{ width: '247px', ...style }}\n      {...rest}\n    >\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Mute category\"\n          leadingVisual={<Icon glyph={<BellOffOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Rename category\"\n          leadingVisual={<Icon glyph={<PencilOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Delete category\"\n          destructive\n          leadingVisual={<Icon glyph={<TrashCanOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Sort\"\n          leadingVisual={\n            <Icon glyph={<SortAlphabeticalAscendingIcon />} size=\"16\" />\n          }\n          trailingElement\n          trailingVisual={\n            <span className={styles['channel-category-menu__sort-trailing']}>\n              <span\n                className={styles['channel-category-menu__sort-label']}\n              >\n                {sortLabel}\n              </span>\n              <Icon glyph={<ChevronRightIcon />} size=\"16\" />\n            </span>\n          }\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Browse channels\"\n          leadingVisual={<Icon glyph={<GlobeIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Create new channel\"\n          leadingVisual={<Icon glyph={<PlusIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Create new category\"\n          leadingVisual={<Icon glyph={<FolderMoveOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n    </PopoverMenu>\n  );\n}\n"],"names":["ChannelCategoryMenu","sortLabel","className","style","rest","rootClass","styles","jsxs","PopoverMenu","PopoverMenuGroup","jsx","MenuItem","Icon","BellOffOutlineIcon","PencilOutlineIcon","TrashCanOutlineIcon","PopoverMenuDivider","SortAlphabeticalAscendingIcon","ChevronRightIcon","GlobeIcon","PlusIcon","FolderMoveOutlineIcon"],"mappings":";;;;;;;;;;;;;AA0BA,SAAwBA,EAAoB;AAAA,EAC1C,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,GAAGC;AACL,GAA6B;AAC3B,QAAMC,IAAY,CAACC,EAAO,uBAAuB,GAAGJ,CAAS,EAC1D,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,MACX,OAAO,EAAE,OAAO,SAAS,GAAGF,EAAA;AAAA,MAC3B,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAG,EAACE,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQC,GAAA,CAAA,CAAmB,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEhE,gBAAAH;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQE,GAAA,CAAA,CAAkB,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAE/D,gBAAAJ;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,aAAW;AAAA,cACX,iCAAgBC,GAAA,EAAK,yBAAQG,GAAA,CAAA,CAAoB,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QACjE,GACF;AAAA,0BACCC,GAAA,EAAmB;AAAA,0BACnBP,GAAA,EACC,UAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,iCACGC,GAAA,EAAK,yBAAQK,GAAA,EAA8B,GAAI,MAAK,MAAK;AAAA,YAE5D,iBAAe;AAAA,YACf,gBACE,gBAAAV,EAAC,QAAA,EAAK,WAAWD,EAAO,sCAAsC,GAC5D,UAAA;AAAA,cAAA,gBAAAI;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWJ,EAAO,mCAAmC;AAAA,kBAEpD,UAAAL;AAAA,gBAAA;AAAA,cAAA;AAAA,gCAEFW,GAAA,EAAK,yBAAQM,GAAA,CAAA,CAAiB,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA,EAAA,CAC/C;AAAA,UAAA;AAAA,QAAA,GAGN;AAAA,0BACCF,GAAA,EAAmB;AAAA,0BACnBP,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQO,GAAA,CAAA,CAAU,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEvD,gBAAAT;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQQ,GAAA,CAAA,CAAS,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QACtD,GACF;AAAA,0BACCJ,GAAA,EAAmB;AAAA,0BACnBP,GAAA,EACC,UAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,iCAAgBC,GAAA,EAAK,yBAAQS,GAAA,CAAA,CAAsB,GAAI,MAAK,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA,EACnE,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"ChannelCategoryMenu.js","sources":["../../../src/components/channel-category-menu/ChannelCategoryMenu.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport BellOffOutlineIcon from '@mattermost/compass-icons/components/bell-off-outline';\nimport ChevronRightIcon from '@mattermost/compass-icons/components/chevron-right';\nimport FolderMoveOutlineIcon from '@mattermost/compass-icons/components/folder-move-outline';\nimport GlobeIcon from '@mattermost/compass-icons/components/globe';\nimport PencilOutlineIcon from '@mattermost/compass-icons/components/pencil-outline';\nimport PlusIcon from '@mattermost/compass-icons/components/plus';\nimport SortAlphabeticalAscendingIcon from '@mattermost/compass-icons/components/sort-alphabetical-ascending';\nimport TrashCanOutlineIcon from '@mattermost/compass-icons/components/trash-can-outline';\nimport Icon from '@/components/icon/Icon';\nimport MenuItem from '@/components/menu-item/MenuItem';\nimport PopoverMenu, {\n  PopoverMenuDivider,\n  PopoverMenuGroup,\n} from '@/components/popover-menu/PopoverMenu';\nimport styles from './ChannelCategoryMenu.module.scss';\n\nexport interface ChannelCategoryMenuProps\n  extends HTMLAttributes<HTMLDivElement> {\n  /** Label shown in the Sort row trailing detail. Default: Alphabetically. */\n  sortLabel?: string;\n}\n\n/**\n * Channel category context menu — mute/rename/delete, sort, browse/create.\n */\nexport default function ChannelCategoryMenu({\n  sortLabel = 'Alphabetically',\n  className = '',\n  style,\n  ...rest\n}: ChannelCategoryMenuProps) {\n  const rootClass = [styles['channel-category-menu'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <PopoverMenu\n      className={rootClass}\n      style={style}\n      {...rest}\n    >\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Mute category\"\n          leadingVisual={<Icon glyph={<BellOffOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Rename category\"\n          leadingVisual={<Icon glyph={<PencilOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Delete category\"\n          destructive\n          leadingVisual={<Icon glyph={<TrashCanOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Sort\"\n          leadingVisual={\n            <Icon glyph={<SortAlphabeticalAscendingIcon />} size=\"16\" />\n          }\n          trailingElement\n          trailingVisual={\n            <span className={styles['channel-category-menu__sort-trailing']}>\n              <span\n                className={styles['channel-category-menu__sort-label']}\n              >\n                {sortLabel}\n              </span>\n              <Icon glyph={<ChevronRightIcon />} size=\"16\" />\n            </span>\n          }\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Browse channels\"\n          leadingVisual={<Icon glyph={<GlobeIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Create new channel\"\n          leadingVisual={<Icon glyph={<PlusIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Create new category\"\n          leadingVisual={<Icon glyph={<FolderMoveOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n    </PopoverMenu>\n  );\n}\n"],"names":["ChannelCategoryMenu","sortLabel","className","style","rest","rootClass","styles","jsxs","PopoverMenu","PopoverMenuGroup","jsx","MenuItem","Icon","BellOffOutlineIcon","PencilOutlineIcon","TrashCanOutlineIcon","PopoverMenuDivider","SortAlphabeticalAscendingIcon","ChevronRightIcon","GlobeIcon","PlusIcon","FolderMoveOutlineIcon"],"mappings":";;;;;;;;;;;;;AA0BA,SAAwBA,EAAoB;AAAA,EAC1C,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,GAAGC;AACL,GAA6B;AAC3B,QAAMC,IAAY,CAACC,EAAO,uBAAuB,GAAGJ,CAAS,EAC1D,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,MACX,OAAAF;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAG,EAACE,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQC,GAAA,CAAA,CAAmB,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEhE,gBAAAH;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQE,GAAA,CAAA,CAAkB,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAE/D,gBAAAJ;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,aAAW;AAAA,cACX,iCAAgBC,GAAA,EAAK,yBAAQG,GAAA,CAAA,CAAoB,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QACjE,GACF;AAAA,0BACCC,GAAA,EAAmB;AAAA,0BACnBP,GAAA,EACC,UAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,iCACGC,GAAA,EAAK,yBAAQK,GAAA,EAA8B,GAAI,MAAK,MAAK;AAAA,YAE5D,iBAAe;AAAA,YACf,gBACE,gBAAAV,EAAC,QAAA,EAAK,WAAWD,EAAO,sCAAsC,GAC5D,UAAA;AAAA,cAAA,gBAAAI;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWJ,EAAO,mCAAmC;AAAA,kBAEpD,UAAAL;AAAA,gBAAA;AAAA,cAAA;AAAA,gCAEFW,GAAA,EAAK,yBAAQM,GAAA,CAAA,CAAiB,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA,EAAA,CAC/C;AAAA,UAAA;AAAA,QAAA,GAGN;AAAA,0BACCF,GAAA,EAAmB;AAAA,0BACnBP,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQO,GAAA,CAAA,CAAU,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEvD,gBAAAT;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQQ,GAAA,CAAA,CAAS,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QACtD,GACF;AAAA,0BACCJ,GAAA,EAAmB;AAAA,0BACnBP,GAAA,EACC,UAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,iCAAgBC,GAAA,EAAK,yBAAQS,GAAA,CAAA,CAAsB,GAAI,MAAK,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA,EACnE,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/channel-category-menu/ChannelCategoryMenu.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ChannelCategoryMenu.module.css');const e={"channel-category-menu__sort-trailing":"_channel-category-menu__sort-trailing_1coex_2","channel-category-menu__sort-label":"_channel-category-menu__sort-label_1coex_7"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ChannelCategoryMenu.css');const e={"channel-category-menu__sort-trailing":"_channel-category-menu__sort-trailing_1coex_2","channel-category-menu__sort-label":"_channel-category-menu__sort-label_1coex_7"};exports.default=e;
 //# sourceMappingURL=ChannelCategoryMenu.module.scss.cjs.map

package/dist/components/channel-category-menu/ChannelCategoryMenu.module.scss.js

@@ -1,4 +1,4 @@
-import './ChannelCategoryMenu.module.css';const e = {
+import './ChannelCategoryMenu.css';const e = {
   "channel-category-menu__sort-trailing": "_channel-category-menu__sort-trailing_1coex_2",
   "channel-category-menu__sort-label": "_channel-category-menu__sort-label_1coex_7"
 };

package/dist/components/channel-info-msg-header/ChannelInfoMsgHeader.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ChannelInfoMsgHeader.module.css');const e={"channel-info-msg-header":"_channel-info-msg-header_1vrlp_2","channel-info-msg-header__container":"_channel-info-msg-header__container_1vrlp_7","channel-info-msg-header__tab-area":"_channel-info-msg-header__tab-area_1vrlp_12","channel-info-msg-header__tab-area--active":"_channel-info-msg-header__tab-area--active_1vrlp_20","channel-info-msg-header__tab":"_channel-info-msg-header__tab_1vrlp_12","channel-info-msg-header__tab--active":"_channel-info-msg-header__tab--active_1vrlp_46","channel-info-msg-header__team":"_channel-info-msg-header__team_1vrlp_49","channel-info-msg-header__team-name":"_channel-info-msg-header__team-name_1vrlp_54"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ChannelInfoMsgHeader.css');const e={"channel-info-msg-header":"_channel-info-msg-header_1vrlp_2","channel-info-msg-header__container":"_channel-info-msg-header__container_1vrlp_7","channel-info-msg-header__tab-area":"_channel-info-msg-header__tab-area_1vrlp_12","channel-info-msg-header__tab-area--active":"_channel-info-msg-header__tab-area--active_1vrlp_20","channel-info-msg-header__tab":"_channel-info-msg-header__tab_1vrlp_12","channel-info-msg-header__tab--active":"_channel-info-msg-header__tab--active_1vrlp_46","channel-info-msg-header__team":"_channel-info-msg-header__team_1vrlp_49","channel-info-msg-header__team-name":"_channel-info-msg-header__team-name_1vrlp_54"};exports.default=e;
 //# sourceMappingURL=ChannelInfoMsgHeader.module.scss.cjs.map

package/dist/components/channel-info-msg-header/ChannelInfoMsgHeader.module.scss.js

@@ -1,4 +1,4 @@
-import './ChannelInfoMsgHeader.module.css';const e = {
+import './ChannelInfoMsgHeader.css';const e = {
   "channel-info-msg-header": "_channel-info-msg-header_1vrlp_2",
   "channel-info-msg-header__container": "_channel-info-msg-header__container_1vrlp_7",
   "channel-info-msg-header__tab-area": "_channel-info-msg-header__tab-area_1vrlp_12",