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

package/dist/components/plus-menu/PlusMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlusMenu.js","sources":["../../../src/components/plus-menu/PlusMenu.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport AccountOutlineIcon from '@mattermost/compass-icons/components/account-outline';\nimport AccountPlusOutlineIcon from '@mattermost/compass-icons/components/account-plus-outline';\nimport FolderPlusOutlineIcon from '@mattermost/compass-icons/components/folder-plus-outline';\nimport GlobeIcon from '@mattermost/compass-icons/components/globe';\nimport PlusIcon from '@mattermost/compass-icons/components/plus';\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';\n\nexport interface PlusMenuProps extends HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Channel sidebar “+” menu — browse/create channels, DM, category, invite.\n */\nexport default function PlusMenu({\n  className = '',\n  style,\n  ...rest\n}: PlusMenuProps) {\n  return (\n    <PopoverMenu\n      className={className}\n      style={{ width: '260px', ...style }}\n      {...rest}\n    >\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        <MenuItem\n          label=\"Open a direct message\"\n          leadingVisual={<Icon glyph={<AccountOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Create new category\"\n          leadingVisual={<Icon glyph={<FolderPlusOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Invite people\"\n          secondaryLabel=\"Add or invite people to team\"\n          leadingVisual={<Icon glyph={<AccountPlusOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n    </PopoverMenu>\n  );\n}\n"],"names":["PlusMenu","className","style","rest","jsxs","PopoverMenu","PopoverMenuGroup","jsx","MenuItem","Icon","GlobeIcon","PlusIcon","AccountOutlineIcon","PopoverMenuDivider","FolderPlusOutlineIcon","AccountPlusOutlineIcon"],"mappings":";;;;;;;;;AAkBA,SAAwBA,EAAS;AAAA,EAC/B,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,GAAGC;AACL,GAAkB;AAChB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAAJ;AAAA,MACA,OAAO,EAAE,OAAO,SAAS,GAAGC,EAAA;AAAA,MAC3B,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAC,EAACE,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQC,GAAA,CAAA,CAAU,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEvD,gBAAAH;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQE,GAAA,CAAA,CAAS,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEtD,gBAAAJ;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQG,GAAA,CAAA,CAAmB,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QAChE,GACF;AAAA,0BACCC,GAAA,EAAmB;AAAA,0BACnBP,GAAA,EACC,UAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,iCAAgBC,GAAA,EAAK,yBAAQK,GAAA,CAAA,CAAsB,GAAI,MAAK,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA,GAErE;AAAA,0BACCD,GAAA,EAAmB;AAAA,0BACnBP,GAAA,EACC,UAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,gBAAe;AAAA,YACf,iCAAgBC,GAAA,EAAK,yBAAQM,GAAA,CAAA,CAAuB,GAAI,MAAK,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA,EACpE,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"PlusMenu.js","sources":["../../../src/components/plus-menu/PlusMenu.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport AccountOutlineIcon from '@mattermost/compass-icons/components/account-outline';\nimport AccountPlusOutlineIcon from '@mattermost/compass-icons/components/account-plus-outline';\nimport FolderPlusOutlineIcon from '@mattermost/compass-icons/components/folder-plus-outline';\nimport GlobeIcon from '@mattermost/compass-icons/components/globe';\nimport PlusIcon from '@mattermost/compass-icons/components/plus';\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';\n\nexport interface PlusMenuProps extends HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Channel sidebar “+” menu — browse/create channels, DM, category, invite.\n */\nexport default function PlusMenu({\n  className = '',\n  style,\n  ...rest\n}: PlusMenuProps) {\n  return (\n    <PopoverMenu\n      className={className}\n      style={style}\n      {...rest}\n    >\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        <MenuItem\n          label=\"Open a direct message\"\n          leadingVisual={<Icon glyph={<AccountOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Create new category\"\n          leadingVisual={<Icon glyph={<FolderPlusOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Invite people\"\n          secondaryLabel=\"Add or invite people to team\"\n          leadingVisual={<Icon glyph={<AccountPlusOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n    </PopoverMenu>\n  );\n}\n"],"names":["PlusMenu","className","style","rest","jsxs","PopoverMenu","PopoverMenuGroup","jsx","MenuItem","Icon","GlobeIcon","PlusIcon","AccountOutlineIcon","PopoverMenuDivider","FolderPlusOutlineIcon","AccountPlusOutlineIcon"],"mappings":";;;;;;;;;AAkBA,SAAwBA,EAAS;AAAA,EAC/B,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,GAAGC;AACL,GAAkB;AAChB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAAJ;AAAA,MACA,OAAAC;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAC,EAACE,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQC,GAAA,CAAA,CAAU,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEvD,gBAAAH;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQE,GAAA,CAAA,CAAS,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEtD,gBAAAJ;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQG,GAAA,CAAA,CAAmB,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QAChE,GACF;AAAA,0BACCC,GAAA,EAAmB;AAAA,0BACnBP,GAAA,EACC,UAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,iCAAgBC,GAAA,EAAK,yBAAQK,GAAA,CAAA,CAAsB,GAAI,MAAK,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA,GAErE;AAAA,0BACCD,GAAA,EAAmB;AAAA,0BACnBP,GAAA,EACC,UAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,gBAAe;AAAA,YACf,iCAAgBC,GAAA,EAAK,yBAAQM,GAAA,CAAA,CAAuB,GAAI,MAAK,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA,EACpE,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/popover-menu/{PopoverMenu.module.css → PopoverMenu.css}

@@ -1 +1 @@
-._popover-menu_r3s0r_2{display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box;min-width:144px;max-width:496px;width:max-content;padding:var(--spacing-xs) 0;background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.16);border-radius:var(--radius-s);color:var(--center-channel-color)}._popover-menu--parent_r3s0r_16{box-shadow:var(--elevation-4)}._popover-menu--child_r3s0r_19{box-shadow:var(--elevation-5)}._popover-menu__scroll_r3s0r_22{min-height:0}._popover-menu__title_r3s0r_25{flex-shrink:0;margin:0;padding:var(--spacing-xxs) var(--spacing-l) var(--spacing-xs);font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75);letter-spacing:var(--letter-spacing-normal);color:rgba(var(--center-channel-color-rgb),.75)}._popover-menu__group_r3s0r_36{display:flex;flex-direction:column;align-items:stretch}._popover-menu__group-title_r3s0r_41{flex-shrink:0;margin:0;padding:var(--spacing-xxs) var(--spacing-l) var(--spacing-xxs);font-family:var(--font-family-body);font-size:var(--font-size-50);font-weight:var(--font-weight-semibold);line-height:var(--line-height-50);letter-spacing:.11px;text-transform:uppercase;color:rgba(var(--center-channel-color-rgb),.64)}._popover-menu__divider_r3s0r_53{flex-shrink:0;width:100%;padding:var(--spacing-xs) 0}._popover-menu__divider_r3s0r_53:before{content:"";display:block;width:100%;border-top:1px solid rgba(var(--center-channel-color-rgb),.12)}
+._popover-menu_1m31t_2{display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box;min-width:212px;max-width:496px;width:max-content;padding:var(--spacing-xs) 0;background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.16);border-radius:var(--radius-s);color:var(--center-channel-color)}._popover-menu--parent_1m31t_16{box-shadow:var(--elevation-4)}._popover-menu--child_1m31t_19{box-shadow:var(--elevation-5)}._popover-menu__scroll_1m31t_22{min-height:0}._popover-menu__title_1m31t_25{flex-shrink:0;margin:0;padding:var(--spacing-xxs) var(--spacing-l) var(--spacing-xs);font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75);letter-spacing:var(--letter-spacing-normal);color:rgba(var(--center-channel-color-rgb),.75)}._popover-menu__group_1m31t_36{display:flex;flex-direction:column;align-items:stretch}._popover-menu__group-title_1m31t_41{flex-shrink:0;margin:0;padding:var(--spacing-xxs) var(--spacing-l) var(--spacing-xxs);font-family:var(--font-family-body);font-size:var(--font-size-50);font-weight:var(--font-weight-semibold);line-height:var(--line-height-50);letter-spacing:.11px;text-transform:uppercase;color:rgba(var(--center-channel-color-rgb),.64)}._popover-menu__divider_1m31t_53{flex-shrink:0;width:100%;padding:var(--spacing-xs) 0}._popover-menu__divider_1m31t_53:before{content:"";display:block;width:100%;border-top:1px solid rgba(var(--center-channel-color-rgb),.12)}

package/dist/components/popover-menu/PopoverMenu.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./PopoverMenu.module.css');const e={"popover-menu":"_popover-menu_r3s0r_2","popover-menu--parent":"_popover-menu--parent_r3s0r_16","popover-menu--child":"_popover-menu--child_r3s0r_19","popover-menu__scroll":"_popover-menu__scroll_r3s0r_22","popover-menu__title":"_popover-menu__title_r3s0r_25","popover-menu__group":"_popover-menu__group_r3s0r_36","popover-menu__group-title":"_popover-menu__group-title_r3s0r_41","popover-menu__divider":"_popover-menu__divider_r3s0r_53"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./PopoverMenu.css');const e={"popover-menu":"_popover-menu_1m31t_2","popover-menu--parent":"_popover-menu--parent_1m31t_16","popover-menu--child":"_popover-menu--child_1m31t_19","popover-menu__scroll":"_popover-menu__scroll_1m31t_22","popover-menu__title":"_popover-menu__title_1m31t_25","popover-menu__group":"_popover-menu__group_1m31t_36","popover-menu__group-title":"_popover-menu__group-title_1m31t_41","popover-menu__divider":"_popover-menu__divider_1m31t_53"};exports.default=e;
 //# sourceMappingURL=PopoverMenu.module.scss.cjs.map

package/dist/components/popover-menu/PopoverMenu.module.scss.js

@@ -1,12 +1,12 @@
-import './PopoverMenu.module.css';const _ = {
-  "popover-menu": "_popover-menu_r3s0r_2",
-  "popover-menu--parent": "_popover-menu--parent_r3s0r_16",
-  "popover-menu--child": "_popover-menu--child_r3s0r_19",
-  "popover-menu__scroll": "_popover-menu__scroll_r3s0r_22",
-  "popover-menu__title": "_popover-menu__title_r3s0r_25",
-  "popover-menu__group": "_popover-menu__group_r3s0r_36",
-  "popover-menu__group-title": "_popover-menu__group-title_r3s0r_41",
-  "popover-menu__divider": "_popover-menu__divider_r3s0r_53"
+import './PopoverMenu.css';const _ = {
+  "popover-menu": "_popover-menu_1m31t_2",
+  "popover-menu--parent": "_popover-menu--parent_1m31t_16",
+  "popover-menu--child": "_popover-menu--child_1m31t_19",
+  "popover-menu__scroll": "_popover-menu__scroll_1m31t_22",
+  "popover-menu__title": "_popover-menu__title_1m31t_25",
+  "popover-menu__group": "_popover-menu__group_1m31t_36",
+  "popover-menu__group-title": "_popover-menu__group-title_1m31t_41",
+  "popover-menu__divider": "_popover-menu__divider_1m31t_53"
 };
 export {
   _ as default

package/dist/components/popover-notice/PopoverNotice.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./PopoverNotice.module.css');const o={"popover-notice":"_popover-notice_1dhk2_2","popover-notice__content":"_popover-notice__content_1dhk2_18","popover-notice__icon":"_popover-notice__icon_1dhk2_25","popover-notice__icon--info":"_popover-notice__icon--info_1dhk2_31","popover-notice__icon--success":"_popover-notice__icon--success_1dhk2_34","popover-notice__icon--warning":"_popover-notice__icon--warning_1dhk2_37","popover-notice__icon--danger":"_popover-notice__icon--danger_1dhk2_40","popover-notice__body":"_popover-notice__body_1dhk2_43","popover-notice__title-row":"_popover-notice__title-row_1dhk2_55","popover-notice__title":"_popover-notice__title_1dhk2_55","popover-notice__description":"_popover-notice__description_1dhk2_68","popover-notice__actions":"_popover-notice__actions_1dhk2_77","popover-notice__close":"_popover-notice__close_1dhk2_83"};exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./PopoverNotice.css');const o={"popover-notice":"_popover-notice_1dhk2_2","popover-notice__content":"_popover-notice__content_1dhk2_18","popover-notice__icon":"_popover-notice__icon_1dhk2_25","popover-notice__icon--info":"_popover-notice__icon--info_1dhk2_31","popover-notice__icon--success":"_popover-notice__icon--success_1dhk2_34","popover-notice__icon--warning":"_popover-notice__icon--warning_1dhk2_37","popover-notice__icon--danger":"_popover-notice__icon--danger_1dhk2_40","popover-notice__body":"_popover-notice__body_1dhk2_43","popover-notice__title-row":"_popover-notice__title-row_1dhk2_55","popover-notice__title":"_popover-notice__title_1dhk2_55","popover-notice__description":"_popover-notice__description_1dhk2_68","popover-notice__actions":"_popover-notice__actions_1dhk2_77","popover-notice__close":"_popover-notice__close_1dhk2_83"};exports.default=o;
 //# sourceMappingURL=PopoverNotice.module.scss.cjs.map

package/dist/components/popover-notice/PopoverNotice.module.scss.js

@@ -1,4 +1,4 @@
-import './PopoverNotice.module.css';const o = {
+import './PopoverNotice.css';const o = {
   "popover-notice": "_popover-notice_1dhk2_2",
   "popover-notice__content": "_popover-notice__content_1dhk2_18",
   "popover-notice__icon": "_popover-notice__icon_1dhk2_25",

package/dist/components/product-switcher-menu/ProductSwitcherMenu.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__h=require("@mattermost/compass-icons/components/application-cog.js"),h=__h?.default??__h,__b=require("@mattermost/compass-icons/components/apps.js"),b=__b?.default??__b,__g=require("@mattermost/compass-icons/components/download-outline.js"),g=__g?.default??__g,__m=require("@mattermost/compass-icons/components/information-outline.js"),m=__m?.default??__m,__I=require("@mattermost/compass-icons/components/product-boards.js"),I=__I?.default??__I,__q=require("@mattermost/compass-icons/components/product-channels.js"),q=__q?.default??__q,___=require("@mattermost/compass-icons/components/product-playbooks.js"),_=___?.default??___,__C=require("@mattermost/compass-icons/components/webhook.js"),C=__C?.default??__C,n=require("../icon/Icon.cjs"),l=require("../menu-item/MenuItem.cjs"),i=require("../popover-menu/PopoverMenu.cjs"),t=require("./ProductSwitcherMenu.module.scss.cjs"),r=[{id:"channels",label:"Channels",icon:e.jsx(q,{})},{id:"boards",label:"Boards",icon:e.jsx(I,{})},{id:"playbooks",label:"Playbooks",icon:e.jsx(_,{})}];function P(a){return e.jsx("span",{className:t.default["product-switcher-menu__product-icon"],children:e.jsx(n.default,{glyph:a,size:"24"})})}function y({selectedProduct:a="channels",additionalProducts:c=[],onProductSelect:o,className:d="",style:j,...x}){const f=[t.default["product-switcher-menu"],d].filter(Boolean).join(" "),p=[...r,...c];return e.jsxs(i.default,{className:f,style:{width:"273px",...j},...x,children:[e.jsx(i.PopoverMenuGroup,{children:p.map(s=>e.jsx(l.default,{className:t.default["product-switcher-menu__product-item"],label:s.label,leadingVisual:P(s.icon),trailingElement:a===s.id,onClick:()=>{var u;(u=s.onClick)==null||u.call(s),o==null||o(s.id)}},s.id))}),e.jsx(i.PopoverMenuDivider,{}),e.jsxs(i.PopoverMenuGroup,{children:[e.jsx(l.default,{label:"System console",leadingVisual:e.jsx(n.default,{glyph:e.jsx(h,{}),size:"16"})}),e.jsx(l.default,{label:"Integrations",leadingVisual:e.jsx(n.default,{glyph:e.jsx(C,{}),size:"16"})}),e.jsx(l.default,{label:"Marketplace",leadingVisual:e.jsx(n.default,{glyph:e.jsx(b,{}),size:"16"})}),e.jsx(l.default,{label:"Download apps",leadingVisual:e.jsx(n.default,{glyph:e.jsx(g,{}),size:"16"})}),e.jsx(l.default,{label:"About Mattermost",leadingVisual:e.jsx(n.default,{glyph:e.jsx(m,{}),size:"16"})})]})]})}exports.DEFAULT_PRODUCT_SWITCHER_PRODUCTS=r;exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__h=require("@mattermost/compass-icons/components/application-cog.js"),h=__h?.default??__h,__b=require("@mattermost/compass-icons/components/apps.js"),b=__b?.default??__b,__g=require("@mattermost/compass-icons/components/download-outline.js"),g=__g?.default??__g,__m=require("@mattermost/compass-icons/components/information-outline.js"),m=__m?.default??__m,__I=require("@mattermost/compass-icons/components/product-boards.js"),I=__I?.default??__I,__q=require("@mattermost/compass-icons/components/product-channels.js"),q=__q?.default??__q,___=require("@mattermost/compass-icons/components/product-playbooks.js"),_=___?.default??___,__C=require("@mattermost/compass-icons/components/webhook.js"),C=__C?.default??__C,n=require("../icon/Icon.cjs"),l=require("../menu-item/MenuItem.cjs"),i=require("../popover-menu/PopoverMenu.cjs"),t=require("./ProductSwitcherMenu.module.scss.cjs"),r=[{id:"channels",label:"Channels",icon:e.jsx(q,{})},{id:"boards",label:"Boards",icon:e.jsx(I,{})},{id:"playbooks",label:"Playbooks",icon:e.jsx(_,{})}];function P(a){return e.jsx("span",{className:t.default["product-switcher-menu__product-icon"],children:e.jsx(n.default,{glyph:a,size:"24"})})}function M({selectedProduct:a="channels",additionalProducts:c=[],onProductSelect:o,className:d="",style:j,...x}){const f=[t.default["product-switcher-menu"],d].filter(Boolean).join(" "),p=[...r,...c];return e.jsxs(i.default,{className:f,style:j,...x,children:[e.jsx(i.PopoverMenuGroup,{children:p.map(s=>e.jsx(l.default,{className:t.default["product-switcher-menu__product-item"],label:s.label,leadingVisual:P(s.icon),trailingElement:a===s.id,onClick:()=>{var u;(u=s.onClick)==null||u.call(s),o==null||o(s.id)}},s.id))}),e.jsx(i.PopoverMenuDivider,{}),e.jsxs(i.PopoverMenuGroup,{children:[e.jsx(l.default,{label:"System console",leadingVisual:e.jsx(n.default,{glyph:e.jsx(h,{}),size:"16"})}),e.jsx(l.default,{label:"Integrations",leadingVisual:e.jsx(n.default,{glyph:e.jsx(C,{}),size:"16"})}),e.jsx(l.default,{label:"Marketplace",leadingVisual:e.jsx(n.default,{glyph:e.jsx(b,{}),size:"16"})}),e.jsx(l.default,{label:"Download apps",leadingVisual:e.jsx(n.default,{glyph:e.jsx(g,{}),size:"16"})}),e.jsx(l.default,{label:"About Mattermost",leadingVisual:e.jsx(n.default,{glyph:e.jsx(m,{}),size:"16"})})]})]})}exports.DEFAULT_PRODUCT_SWITCHER_PRODUCTS=r;exports.default=M;
 //# sourceMappingURL=ProductSwitcherMenu.cjs.map

package/dist/components/product-switcher-menu/ProductSwitcherMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ProductSwitcherMenu.cjs","sources":["../../../src/components/product-switcher-menu/ProductSwitcherMenu.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport ApplicationCogIcon from '@mattermost/compass-icons/components/application-cog';\nimport AppsIcon from '@mattermost/compass-icons/components/apps';\nimport DownloadOutlineIcon from '@mattermost/compass-icons/components/download-outline';\nimport InformationOutlineIcon from '@mattermost/compass-icons/components/information-outline';\nimport ProductBoardsIcon from '@mattermost/compass-icons/components/product-boards';\nimport ProductChannelsIcon from '@mattermost/compass-icons/components/product-channels';\nimport ProductPlaybooksIcon from '@mattermost/compass-icons/components/product-playbooks';\nimport WebhookIcon from '@mattermost/compass-icons/components/webhook';\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 './ProductSwitcherMenu.module.scss';\n\n/** Built-in products shipped with the switcher. */\nexport type BuiltInProductSwitcherProduct = 'channels' | 'boards' | 'playbooks';\n\n/**\n * Product id for selection. Built-ins use their labels; prototypes use any\n * string id from {@link ProductSwitcherProductItem.id}.\n */\nexport type ProductSwitcherProduct = BuiltInProductSwitcherProduct | (string & {});\n\nexport interface ProductSwitcherProductItem {\n  /** Stable id used for `selectedProduct` and `onProductSelect`. */\n  id: string;\n  /** Menu row label. */\n  label: string;\n  /**\n   * Leading icon glyph (e.g. a compass-icons component). Rendered at 24px in\n   * the product row slot.\n   */\n  icon: ReactNode;\n  /** Optional row click handler (also fires `onProductSelect` when provided). */\n  onClick?: () => void;\n}\n\nexport interface ProductSwitcherMenuProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Currently active product id; shows trailing check on that row.\n   * Default: `Channels`.\n   */\n  selectedProduct?: ProductSwitcherProduct;\n  /**\n   * Extra products appended after Channels, Boards, and Playbooks.\n   * Use this from prototypes to register custom products in the top section.\n   */\n  additionalProducts?: ProductSwitcherProductItem[];\n  /** Called when any product row (built-in or additional) is activated. */\n  onProductSelect?: (productId: string) => void;\n}\n\nexport const DEFAULT_PRODUCT_SWITCHER_PRODUCTS: ProductSwitcherProductItem[] = [\n  {\n    id: 'channels',\n    label: 'Channels',\n    icon: <ProductChannelsIcon />,\n  },\n  {\n    id: 'boards',\n    label: 'Boards',\n    icon: <ProductBoardsIcon />,\n  },\n  {\n    id: 'playbooks',\n    label: 'Playbooks',\n    icon: <ProductPlaybooksIcon />,\n  },\n];\n\nfunction productLeadingVisual(glyph: ReactNode) {\n  return (\n    <span className={styles['product-switcher-menu__product-icon']}>\n      <Icon glyph={glyph} size=\"24\" />\n    </span>\n  );\n}\n\n/**\n * Product switcher popover opened from the Global Header products control.\n * Products use 24px button-bg icons and semibold center-channel labels; the\n * active product shows a trailing check. Utility links follow in a second group.\n *\n * Prototypes can append products via {@link ProductSwitcherMenuProps.additionalProducts}.\n *\n * Matches Figma Patterns — Popover Menus (node 1423:8667).\n */\nexport default function ProductSwitcherMenu({\n  selectedProduct = 'channels',\n  additionalProducts = [],\n  onProductSelect,\n  className = '',\n  style,\n  ...rest\n}: ProductSwitcherMenuProps) {\n  const rootClass = [styles['product-switcher-menu'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  const products = [...DEFAULT_PRODUCT_SWITCHER_PRODUCTS, ...additionalProducts];\n\n  return (\n    <PopoverMenu\n      className={rootClass}\n      style={{ width: '273px', ...style }}\n      {...rest}\n    >\n      <PopoverMenuGroup>\n        {products.map((product) => (\n          <MenuItem\n            key={product.id}\n            className={styles['product-switcher-menu__product-item']}\n            label={product.label}\n            leadingVisual={productLeadingVisual(product.icon)}\n            trailingElement={selectedProduct === product.id}\n            onClick={() => {\n              product.onClick?.();\n              onProductSelect?.(product.id);\n            }}\n          />\n        ))}\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"System console\"\n          leadingVisual={<Icon glyph={<ApplicationCogIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Integrations\"\n          leadingVisual={<Icon glyph={<WebhookIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Marketplace\"\n          leadingVisual={<Icon glyph={<AppsIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Download apps\"\n          leadingVisual={<Icon glyph={<DownloadOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"About Mattermost\"\n          leadingVisual={<Icon glyph={<InformationOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n    </PopoverMenu>\n  );\n}\n"],"names":["DEFAULT_PRODUCT_SWITCHER_PRODUCTS","ProductChannelsIcon","ProductBoardsIcon","ProductPlaybooksIcon","productLeadingVisual","glyph","jsx","styles","Icon","ProductSwitcherMenu","selectedProduct","additionalProducts","onProductSelect","className","style","rest","rootClass","products","jsxs","PopoverMenu","PopoverMenuGroup","product","MenuItem","_a","PopoverMenuDivider","ApplicationCogIcon","WebhookIcon","AppsIcon","DownloadOutlineIcon","InformationOutlineIcon"],"mappings":"wzBAuDaA,EAAkE,CAC7E,CACE,GAAI,WACJ,MAAO,WACP,WAAOC,EAAA,CAAA,CAAoB,CAAA,EAE7B,CACE,GAAI,SACJ,MAAO,SACP,WAAOC,EAAA,CAAA,CAAkB,CAAA,EAE3B,CACE,GAAI,YACJ,MAAO,YACP,WAAOC,EAAA,CAAA,CAAqB,CAAA,CAEhC,EAEA,SAASC,EAAqBC,EAAkB,CAC9C,OACEC,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,qCAAqC,EAC3D,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAK,MAAAH,EAAc,KAAK,IAAA,CAAK,CAAA,CAChC,CAEJ,CAWA,SAAwBI,EAAoB,CAC1C,gBAAAC,EAAkB,WAClB,mBAAAC,EAAqB,CAAA,EACrB,gBAAAC,EACA,UAAAC,EAAY,GACZ,MAAAC,EACA,GAAGC,CACL,EAA6B,CAC3B,MAAMC,EAAY,CAACT,UAAO,uBAAuB,EAAGM,CAAS,EAC1D,OAAO,OAAO,EACd,KAAK,GAAG,EAELI,EAAW,CAAC,GAAGjB,EAAmC,GAAGW,CAAkB,EAE7E,OACEO,EAAAA,KAACC,EAAAA,QAAA,CACC,UAAWH,EACX,MAAO,CAAE,MAAO,QAAS,GAAGF,CAAA,EAC3B,GAAGC,EAEJ,SAAA,CAAAT,EAAAA,IAACc,EAAAA,iBAAA,CACE,SAAAH,EAAS,IAAKI,GACbf,EAAAA,IAACgB,EAAAA,QAAA,CAEC,UAAWf,EAAAA,QAAO,qCAAqC,EACvD,MAAOc,EAAQ,MACf,cAAejB,EAAqBiB,EAAQ,IAAI,EAChD,gBAAiBX,IAAoBW,EAAQ,GAC7C,QAAS,IAAM,QACbE,EAAAF,EAAQ,UAAR,MAAAE,EAAA,KAAAF,GACAT,GAAA,MAAAA,EAAkBS,EAAQ,GAC5B,CAAA,EARKA,EAAQ,EAAA,CAUhB,EACH,QACCG,EAAAA,mBAAA,EAAmB,SACnBJ,EAAAA,iBAAA,CACC,SAAA,CAAAd,EAAAA,IAACgB,EAAAA,QAAA,CACC,MAAM,iBACN,oBAAgBd,EAAAA,QAAA,CAAK,YAAQiB,EAAA,CAAA,CAAmB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEhEnB,EAAAA,IAACgB,EAAAA,QAAA,CACC,MAAM,eACN,oBAAgBd,EAAAA,QAAA,CAAK,YAAQkB,EAAA,CAAA,CAAY,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEzDpB,EAAAA,IAACgB,EAAAA,QAAA,CACC,MAAM,cACN,oBAAgBd,EAAAA,QAAA,CAAK,YAAQmB,EAAA,CAAA,CAAS,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEtDrB,EAAAA,IAACgB,EAAAA,QAAA,CACC,MAAM,gBACN,oBAAgBd,EAAAA,QAAA,CAAK,YAAQoB,EAAA,CAAA,CAAoB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEjEtB,EAAAA,IAACgB,EAAAA,QAAA,CACC,MAAM,mBACN,oBAAgBd,EAAAA,QAAA,CAAK,YAAQqB,EAAA,CAAA,CAAuB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CACpE,CAAA,CACF,CAAA,CAAA,CAAA,CAGN"}
+{"version":3,"file":"ProductSwitcherMenu.cjs","sources":["../../../src/components/product-switcher-menu/ProductSwitcherMenu.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport ApplicationCogIcon from '@mattermost/compass-icons/components/application-cog';\nimport AppsIcon from '@mattermost/compass-icons/components/apps';\nimport DownloadOutlineIcon from '@mattermost/compass-icons/components/download-outline';\nimport InformationOutlineIcon from '@mattermost/compass-icons/components/information-outline';\nimport ProductBoardsIcon from '@mattermost/compass-icons/components/product-boards';\nimport ProductChannelsIcon from '@mattermost/compass-icons/components/product-channels';\nimport ProductPlaybooksIcon from '@mattermost/compass-icons/components/product-playbooks';\nimport WebhookIcon from '@mattermost/compass-icons/components/webhook';\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 './ProductSwitcherMenu.module.scss';\n\n/** Built-in products shipped with the switcher. */\nexport type BuiltInProductSwitcherProduct = 'channels' | 'boards' | 'playbooks';\n\n/**\n * Product id for selection. Built-ins use their labels; prototypes use any\n * string id from {@link ProductSwitcherProductItem.id}.\n */\nexport type ProductSwitcherProduct = BuiltInProductSwitcherProduct | (string & {});\n\nexport interface ProductSwitcherProductItem {\n  /** Stable id used for `selectedProduct` and `onProductSelect`. */\n  id: string;\n  /** Menu row label. */\n  label: string;\n  /**\n   * Leading icon glyph (e.g. a compass-icons component). Rendered at 24px in\n   * the product row slot.\n   */\n  icon: ReactNode;\n  /** Optional row click handler (also fires `onProductSelect` when provided). */\n  onClick?: () => void;\n}\n\nexport interface ProductSwitcherMenuProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Currently active product id; shows trailing check on that row.\n   * Default: `Channels`.\n   */\n  selectedProduct?: ProductSwitcherProduct;\n  /**\n   * Extra products appended after Channels, Boards, and Playbooks.\n   * Use this from prototypes to register custom products in the top section.\n   */\n  additionalProducts?: ProductSwitcherProductItem[];\n  /** Called when any product row (built-in or additional) is activated. */\n  onProductSelect?: (productId: string) => void;\n}\n\nexport const DEFAULT_PRODUCT_SWITCHER_PRODUCTS: ProductSwitcherProductItem[] = [\n  {\n    id: 'channels',\n    label: 'Channels',\n    icon: <ProductChannelsIcon />,\n  },\n  {\n    id: 'boards',\n    label: 'Boards',\n    icon: <ProductBoardsIcon />,\n  },\n  {\n    id: 'playbooks',\n    label: 'Playbooks',\n    icon: <ProductPlaybooksIcon />,\n  },\n];\n\nfunction productLeadingVisual(glyph: ReactNode) {\n  return (\n    <span className={styles['product-switcher-menu__product-icon']}>\n      <Icon glyph={glyph} size=\"24\" />\n    </span>\n  );\n}\n\n/**\n * Product switcher popover opened from the Global Header products control.\n * Products use 24px button-bg icons and semibold center-channel labels; the\n * active product shows a trailing check. Utility links follow in a second group.\n *\n * Prototypes can append products via {@link ProductSwitcherMenuProps.additionalProducts}.\n *\n * Matches Figma Patterns — Popover Menus (node 1423:8667).\n */\nexport default function ProductSwitcherMenu({\n  selectedProduct = 'channels',\n  additionalProducts = [],\n  onProductSelect,\n  className = '',\n  style,\n  ...rest\n}: ProductSwitcherMenuProps) {\n  const rootClass = [styles['product-switcher-menu'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  const products = [...DEFAULT_PRODUCT_SWITCHER_PRODUCTS, ...additionalProducts];\n\n  return (\n    <PopoverMenu\n      className={rootClass}\n      style={style}\n      {...rest}\n    >\n      <PopoverMenuGroup>\n        {products.map((product) => (\n          <MenuItem\n            key={product.id}\n            className={styles['product-switcher-menu__product-item']}\n            label={product.label}\n            leadingVisual={productLeadingVisual(product.icon)}\n            trailingElement={selectedProduct === product.id}\n            onClick={() => {\n              product.onClick?.();\n              onProductSelect?.(product.id);\n            }}\n          />\n        ))}\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"System console\"\n          leadingVisual={<Icon glyph={<ApplicationCogIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Integrations\"\n          leadingVisual={<Icon glyph={<WebhookIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Marketplace\"\n          leadingVisual={<Icon glyph={<AppsIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Download apps\"\n          leadingVisual={<Icon glyph={<DownloadOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"About Mattermost\"\n          leadingVisual={<Icon glyph={<InformationOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n    </PopoverMenu>\n  );\n}\n"],"names":["DEFAULT_PRODUCT_SWITCHER_PRODUCTS","ProductChannelsIcon","ProductBoardsIcon","ProductPlaybooksIcon","productLeadingVisual","glyph","jsx","styles","Icon","ProductSwitcherMenu","selectedProduct","additionalProducts","onProductSelect","className","style","rest","rootClass","products","jsxs","PopoverMenu","PopoverMenuGroup","product","MenuItem","_a","PopoverMenuDivider","ApplicationCogIcon","WebhookIcon","AppsIcon","DownloadOutlineIcon","InformationOutlineIcon"],"mappings":"wzBAuDaA,EAAkE,CAC7E,CACE,GAAI,WACJ,MAAO,WACP,WAAOC,EAAA,CAAA,CAAoB,CAAA,EAE7B,CACE,GAAI,SACJ,MAAO,SACP,WAAOC,EAAA,CAAA,CAAkB,CAAA,EAE3B,CACE,GAAI,YACJ,MAAO,YACP,WAAOC,EAAA,CAAA,CAAqB,CAAA,CAEhC,EAEA,SAASC,EAAqBC,EAAkB,CAC9C,OACEC,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,qCAAqC,EAC3D,SAAAD,EAAAA,IAACE,EAAAA,QAAA,CAAK,MAAAH,EAAc,KAAK,IAAA,CAAK,CAAA,CAChC,CAEJ,CAWA,SAAwBI,EAAoB,CAC1C,gBAAAC,EAAkB,WAClB,mBAAAC,EAAqB,CAAA,EACrB,gBAAAC,EACA,UAAAC,EAAY,GACZ,MAAAC,EACA,GAAGC,CACL,EAA6B,CAC3B,MAAMC,EAAY,CAACT,UAAO,uBAAuB,EAAGM,CAAS,EAC1D,OAAO,OAAO,EACd,KAAK,GAAG,EAELI,EAAW,CAAC,GAAGjB,EAAmC,GAAGW,CAAkB,EAE7E,OACEO,EAAAA,KAACC,EAAAA,QAAA,CACC,UAAWH,EACX,MAAAF,EACC,GAAGC,EAEJ,SAAA,CAAAT,EAAAA,IAACc,EAAAA,iBAAA,CACE,SAAAH,EAAS,IAAKI,GACbf,EAAAA,IAACgB,EAAAA,QAAA,CAEC,UAAWf,EAAAA,QAAO,qCAAqC,EACvD,MAAOc,EAAQ,MACf,cAAejB,EAAqBiB,EAAQ,IAAI,EAChD,gBAAiBX,IAAoBW,EAAQ,GAC7C,QAAS,IAAM,QACbE,EAAAF,EAAQ,UAAR,MAAAE,EAAA,KAAAF,GACAT,GAAA,MAAAA,EAAkBS,EAAQ,GAC5B,CAAA,EARKA,EAAQ,EAAA,CAUhB,EACH,QACCG,EAAAA,mBAAA,EAAmB,SACnBJ,EAAAA,iBAAA,CACC,SAAA,CAAAd,EAAAA,IAACgB,EAAAA,QAAA,CACC,MAAM,iBACN,oBAAgBd,EAAAA,QAAA,CAAK,YAAQiB,EAAA,CAAA,CAAmB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEhEnB,EAAAA,IAACgB,EAAAA,QAAA,CACC,MAAM,eACN,oBAAgBd,EAAAA,QAAA,CAAK,YAAQkB,EAAA,CAAA,CAAY,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEzDpB,EAAAA,IAACgB,EAAAA,QAAA,CACC,MAAM,cACN,oBAAgBd,EAAAA,QAAA,CAAK,YAAQmB,EAAA,CAAA,CAAS,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEtDrB,EAAAA,IAACgB,EAAAA,QAAA,CACC,MAAM,gBACN,oBAAgBd,EAAAA,QAAA,CAAK,YAAQoB,EAAA,CAAA,CAAoB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEjEtB,EAAAA,IAACgB,EAAAA,QAAA,CACC,MAAM,mBACN,oBAAgBd,EAAAA,QAAA,CAAK,YAAQqB,EAAA,CAAA,CAAuB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CACpE,CAAA,CACF,CAAA,CAAA,CAAA,CAGN"}

package/dist/components/product-switcher-menu/ProductSwitcherMenu.js

@@ -1,17 +1,17 @@
-import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
 import __b from "@mattermost/compass-icons/components/application-cog.js";const b=__b&&__b.default?__b.default:__b;
 import __g from "@mattermost/compass-icons/components/apps.js";const g=__g&&__g.default?__g.default:__g;
 import __I from "@mattermost/compass-icons/components/download-outline.js";const I=__I&&__I.default?__I.default:__I;
 import __y from "@mattermost/compass-icons/components/information-outline.js";const y=__y&&__y.default?__y.default:__y;
 import __C from "@mattermost/compass-icons/components/product-boards.js";const C=__C&&__C.default?__C.default:__C;
 import __k from "@mattermost/compass-icons/components/product-channels.js";const k=__k&&__k.default?__k.default:__k;
-import __w from "@mattermost/compass-icons/components/product-playbooks.js";const w=__w&&__w.default?__w.default:__w;
-import __M from "@mattermost/compass-icons/components/webhook.js";const M=__M&&__M.default?__M.default:__M;
-import e from "../icon/Icon.js";
+import __M from "@mattermost/compass-icons/components/product-playbooks.js";const M=__M&&__M.default?__M.default:__M;
+import __P from "@mattermost/compass-icons/components/webhook.js";const P=__P&&__P.default?__P.default:__P;
+import n from "../icon/Icon.js";
 import l from "../menu-item/MenuItem.js";
-import P, { PopoverMenuGroup as m, PopoverMenuDivider as V } from "../popover-menu/PopoverMenu.js";
+import V, { PopoverMenuGroup as t, PopoverMenuDivider as _ } from "../popover-menu/PopoverMenu.js";
 import r from "./ProductSwitcherMenu.module.scss.js";
-const _ = [
+const w = [
   {
     id: "channels",
     label: "Channels",
@@ -25,35 +25,35 @@ const _ = [
   {
     id: "playbooks",
     label: "Playbooks",
-    icon: /* @__PURE__ */ o(w, {})
+    icon: /* @__PURE__ */ o(M, {})
   }
 ];
-function z(n) {
-  return /* @__PURE__ */ o("span", { className: r["product-switcher-menu__product-icon"], children: /* @__PURE__ */ o(e, { glyph: n, size: "24" }) });
+function z(e) {
+  return /* @__PURE__ */ o("span", { className: r["product-switcher-menu__product-icon"], children: /* @__PURE__ */ o(n, { glyph: e, size: "24" }) });
 }
 function W({
-  selectedProduct: n = "channels",
-  additionalProducts: p = [],
+  selectedProduct: e = "channels",
+  additionalProducts: c = [],
   onProductSelect: a,
-  className: c = "",
+  className: p = "",
   style: d,
   ...u
 }) {
-  const h = [r["product-switcher-menu"], c].filter(Boolean).join(" "), f = [..._, ...p];
-  return /* @__PURE__ */ t(
-    P,
+  const f = [r["product-switcher-menu"], p].filter(Boolean).join(" "), h = [...w, ...c];
+  return /* @__PURE__ */ m(
+    V,
     {
-      className: h,
-      style: { width: "273px", ...d },
+      className: f,
+      style: d,
       ...u,
       children: [
-        /* @__PURE__ */ o(m, { children: f.map((i) => /* @__PURE__ */ o(
+        /* @__PURE__ */ o(t, { children: h.map((i) => /* @__PURE__ */ o(
           l,
           {
             className: r["product-switcher-menu__product-item"],
             label: i.label,
             leadingVisual: z(i.icon),
-            trailingElement: n === i.id,
+            trailingElement: e === i.id,
             onClick: () => {
               var s;
               (s = i.onClick) == null || s.call(i), a == null || a(i.id);
@@ -61,41 +61,41 @@ function W({
           },
           i.id
         )) }),
-        /* @__PURE__ */ o(V, {}),
-        /* @__PURE__ */ t(m, { children: [
+        /* @__PURE__ */ o(_, {}),
+        /* @__PURE__ */ m(t, { children: [
           /* @__PURE__ */ o(
             l,
             {
               label: "System console",
-              leadingVisual: /* @__PURE__ */ o(e, { glyph: /* @__PURE__ */ o(b, {}), size: "16" })
+              leadingVisual: /* @__PURE__ */ o(n, { glyph: /* @__PURE__ */ o(b, {}), size: "16" })
             }
           ),
           /* @__PURE__ */ o(
             l,
             {
               label: "Integrations",
-              leadingVisual: /* @__PURE__ */ o(e, { glyph: /* @__PURE__ */ o(M, {}), size: "16" })
+              leadingVisual: /* @__PURE__ */ o(n, { glyph: /* @__PURE__ */ o(P, {}), size: "16" })
             }
           ),
           /* @__PURE__ */ o(
             l,
             {
               label: "Marketplace",
-              leadingVisual: /* @__PURE__ */ o(e, { glyph: /* @__PURE__ */ o(g, {}), size: "16" })
+              leadingVisual: /* @__PURE__ */ o(n, { glyph: /* @__PURE__ */ o(g, {}), size: "16" })
             }
           ),
           /* @__PURE__ */ o(
             l,
             {
               label: "Download apps",
-              leadingVisual: /* @__PURE__ */ o(e, { glyph: /* @__PURE__ */ o(I, {}), size: "16" })
+              leadingVisual: /* @__PURE__ */ o(n, { glyph: /* @__PURE__ */ o(I, {}), size: "16" })
             }
           ),
           /* @__PURE__ */ o(
             l,
             {
               label: "About Mattermost",
-              leadingVisual: /* @__PURE__ */ o(e, { glyph: /* @__PURE__ */ o(y, {}), size: "16" })
+              leadingVisual: /* @__PURE__ */ o(n, { glyph: /* @__PURE__ */ o(y, {}), size: "16" })
             }
           )
         ] })
@@ -104,7 +104,7 @@ function W({
   );
 }
 export {
-  _ as DEFAULT_PRODUCT_SWITCHER_PRODUCTS,
+  w as DEFAULT_PRODUCT_SWITCHER_PRODUCTS,
   W as default
 };
 //# sourceMappingURL=ProductSwitcherMenu.js.map

package/dist/components/product-switcher-menu/ProductSwitcherMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductSwitcherMenu.js","sources":["../../../src/components/product-switcher-menu/ProductSwitcherMenu.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport ApplicationCogIcon from '@mattermost/compass-icons/components/application-cog';\nimport AppsIcon from '@mattermost/compass-icons/components/apps';\nimport DownloadOutlineIcon from '@mattermost/compass-icons/components/download-outline';\nimport InformationOutlineIcon from '@mattermost/compass-icons/components/information-outline';\nimport ProductBoardsIcon from '@mattermost/compass-icons/components/product-boards';\nimport ProductChannelsIcon from '@mattermost/compass-icons/components/product-channels';\nimport ProductPlaybooksIcon from '@mattermost/compass-icons/components/product-playbooks';\nimport WebhookIcon from '@mattermost/compass-icons/components/webhook';\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 './ProductSwitcherMenu.module.scss';\n\n/** Built-in products shipped with the switcher. */\nexport type BuiltInProductSwitcherProduct = 'channels' | 'boards' | 'playbooks';\n\n/**\n * Product id for selection. Built-ins use their labels; prototypes use any\n * string id from {@link ProductSwitcherProductItem.id}.\n */\nexport type ProductSwitcherProduct = BuiltInProductSwitcherProduct | (string & {});\n\nexport interface ProductSwitcherProductItem {\n  /** Stable id used for `selectedProduct` and `onProductSelect`. */\n  id: string;\n  /** Menu row label. */\n  label: string;\n  /**\n   * Leading icon glyph (e.g. a compass-icons component). Rendered at 24px in\n   * the product row slot.\n   */\n  icon: ReactNode;\n  /** Optional row click handler (also fires `onProductSelect` when provided). */\n  onClick?: () => void;\n}\n\nexport interface ProductSwitcherMenuProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Currently active product id; shows trailing check on that row.\n   * Default: `Channels`.\n   */\n  selectedProduct?: ProductSwitcherProduct;\n  /**\n   * Extra products appended after Channels, Boards, and Playbooks.\n   * Use this from prototypes to register custom products in the top section.\n   */\n  additionalProducts?: ProductSwitcherProductItem[];\n  /** Called when any product row (built-in or additional) is activated. */\n  onProductSelect?: (productId: string) => void;\n}\n\nexport const DEFAULT_PRODUCT_SWITCHER_PRODUCTS: ProductSwitcherProductItem[] = [\n  {\n    id: 'channels',\n    label: 'Channels',\n    icon: <ProductChannelsIcon />,\n  },\n  {\n    id: 'boards',\n    label: 'Boards',\n    icon: <ProductBoardsIcon />,\n  },\n  {\n    id: 'playbooks',\n    label: 'Playbooks',\n    icon: <ProductPlaybooksIcon />,\n  },\n];\n\nfunction productLeadingVisual(glyph: ReactNode) {\n  return (\n    <span className={styles['product-switcher-menu__product-icon']}>\n      <Icon glyph={glyph} size=\"24\" />\n    </span>\n  );\n}\n\n/**\n * Product switcher popover opened from the Global Header products control.\n * Products use 24px button-bg icons and semibold center-channel labels; the\n * active product shows a trailing check. Utility links follow in a second group.\n *\n * Prototypes can append products via {@link ProductSwitcherMenuProps.additionalProducts}.\n *\n * Matches Figma Patterns — Popover Menus (node 1423:8667).\n */\nexport default function ProductSwitcherMenu({\n  selectedProduct = 'channels',\n  additionalProducts = [],\n  onProductSelect,\n  className = '',\n  style,\n  ...rest\n}: ProductSwitcherMenuProps) {\n  const rootClass = [styles['product-switcher-menu'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  const products = [...DEFAULT_PRODUCT_SWITCHER_PRODUCTS, ...additionalProducts];\n\n  return (\n    <PopoverMenu\n      className={rootClass}\n      style={{ width: '273px', ...style }}\n      {...rest}\n    >\n      <PopoverMenuGroup>\n        {products.map((product) => (\n          <MenuItem\n            key={product.id}\n            className={styles['product-switcher-menu__product-item']}\n            label={product.label}\n            leadingVisual={productLeadingVisual(product.icon)}\n            trailingElement={selectedProduct === product.id}\n            onClick={() => {\n              product.onClick?.();\n              onProductSelect?.(product.id);\n            }}\n          />\n        ))}\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"System console\"\n          leadingVisual={<Icon glyph={<ApplicationCogIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Integrations\"\n          leadingVisual={<Icon glyph={<WebhookIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Marketplace\"\n          leadingVisual={<Icon glyph={<AppsIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Download apps\"\n          leadingVisual={<Icon glyph={<DownloadOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"About Mattermost\"\n          leadingVisual={<Icon glyph={<InformationOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n    </PopoverMenu>\n  );\n}\n"],"names":["DEFAULT_PRODUCT_SWITCHER_PRODUCTS","ProductChannelsIcon","ProductBoardsIcon","ProductPlaybooksIcon","productLeadingVisual","glyph","jsx","styles","Icon","ProductSwitcherMenu","selectedProduct","additionalProducts","onProductSelect","className","style","rest","rootClass","products","jsxs","PopoverMenu","PopoverMenuGroup","product","MenuItem","_a","PopoverMenuDivider","ApplicationCogIcon","WebhookIcon","AppsIcon","DownloadOutlineIcon","InformationOutlineIcon"],"mappings":"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"}
+{"version":3,"file":"ProductSwitcherMenu.js","sources":["../../../src/components/product-switcher-menu/ProductSwitcherMenu.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport ApplicationCogIcon from '@mattermost/compass-icons/components/application-cog';\nimport AppsIcon from '@mattermost/compass-icons/components/apps';\nimport DownloadOutlineIcon from '@mattermost/compass-icons/components/download-outline';\nimport InformationOutlineIcon from '@mattermost/compass-icons/components/information-outline';\nimport ProductBoardsIcon from '@mattermost/compass-icons/components/product-boards';\nimport ProductChannelsIcon from '@mattermost/compass-icons/components/product-channels';\nimport ProductPlaybooksIcon from '@mattermost/compass-icons/components/product-playbooks';\nimport WebhookIcon from '@mattermost/compass-icons/components/webhook';\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 './ProductSwitcherMenu.module.scss';\n\n/** Built-in products shipped with the switcher. */\nexport type BuiltInProductSwitcherProduct = 'channels' | 'boards' | 'playbooks';\n\n/**\n * Product id for selection. Built-ins use their labels; prototypes use any\n * string id from {@link ProductSwitcherProductItem.id}.\n */\nexport type ProductSwitcherProduct = BuiltInProductSwitcherProduct | (string & {});\n\nexport interface ProductSwitcherProductItem {\n  /** Stable id used for `selectedProduct` and `onProductSelect`. */\n  id: string;\n  /** Menu row label. */\n  label: string;\n  /**\n   * Leading icon glyph (e.g. a compass-icons component). Rendered at 24px in\n   * the product row slot.\n   */\n  icon: ReactNode;\n  /** Optional row click handler (also fires `onProductSelect` when provided). */\n  onClick?: () => void;\n}\n\nexport interface ProductSwitcherMenuProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Currently active product id; shows trailing check on that row.\n   * Default: `Channels`.\n   */\n  selectedProduct?: ProductSwitcherProduct;\n  /**\n   * Extra products appended after Channels, Boards, and Playbooks.\n   * Use this from prototypes to register custom products in the top section.\n   */\n  additionalProducts?: ProductSwitcherProductItem[];\n  /** Called when any product row (built-in or additional) is activated. */\n  onProductSelect?: (productId: string) => void;\n}\n\nexport const DEFAULT_PRODUCT_SWITCHER_PRODUCTS: ProductSwitcherProductItem[] = [\n  {\n    id: 'channels',\n    label: 'Channels',\n    icon: <ProductChannelsIcon />,\n  },\n  {\n    id: 'boards',\n    label: 'Boards',\n    icon: <ProductBoardsIcon />,\n  },\n  {\n    id: 'playbooks',\n    label: 'Playbooks',\n    icon: <ProductPlaybooksIcon />,\n  },\n];\n\nfunction productLeadingVisual(glyph: ReactNode) {\n  return (\n    <span className={styles['product-switcher-menu__product-icon']}>\n      <Icon glyph={glyph} size=\"24\" />\n    </span>\n  );\n}\n\n/**\n * Product switcher popover opened from the Global Header products control.\n * Products use 24px button-bg icons and semibold center-channel labels; the\n * active product shows a trailing check. Utility links follow in a second group.\n *\n * Prototypes can append products via {@link ProductSwitcherMenuProps.additionalProducts}.\n *\n * Matches Figma Patterns — Popover Menus (node 1423:8667).\n */\nexport default function ProductSwitcherMenu({\n  selectedProduct = 'channels',\n  additionalProducts = [],\n  onProductSelect,\n  className = '',\n  style,\n  ...rest\n}: ProductSwitcherMenuProps) {\n  const rootClass = [styles['product-switcher-menu'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  const products = [...DEFAULT_PRODUCT_SWITCHER_PRODUCTS, ...additionalProducts];\n\n  return (\n    <PopoverMenu\n      className={rootClass}\n      style={style}\n      {...rest}\n    >\n      <PopoverMenuGroup>\n        {products.map((product) => (\n          <MenuItem\n            key={product.id}\n            className={styles['product-switcher-menu__product-item']}\n            label={product.label}\n            leadingVisual={productLeadingVisual(product.icon)}\n            trailingElement={selectedProduct === product.id}\n            onClick={() => {\n              product.onClick?.();\n              onProductSelect?.(product.id);\n            }}\n          />\n        ))}\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"System console\"\n          leadingVisual={<Icon glyph={<ApplicationCogIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Integrations\"\n          leadingVisual={<Icon glyph={<WebhookIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Marketplace\"\n          leadingVisual={<Icon glyph={<AppsIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Download apps\"\n          leadingVisual={<Icon glyph={<DownloadOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"About Mattermost\"\n          leadingVisual={<Icon glyph={<InformationOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n    </PopoverMenu>\n  );\n}\n"],"names":["DEFAULT_PRODUCT_SWITCHER_PRODUCTS","ProductChannelsIcon","ProductBoardsIcon","ProductPlaybooksIcon","productLeadingVisual","glyph","jsx","styles","Icon","ProductSwitcherMenu","selectedProduct","additionalProducts","onProductSelect","className","style","rest","rootClass","products","jsxs","PopoverMenu","PopoverMenuGroup","product","MenuItem","_a","PopoverMenuDivider","ApplicationCogIcon","WebhookIcon","AppsIcon","DownloadOutlineIcon","InformationOutlineIcon"],"mappings":";;;;;;;;;;;;;AAuDO,MAAMA,IAAkE;AAAA,EAC7E;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,wBAAOC,GAAA,CAAA,CAAoB;AAAA,EAAA;AAAA,EAE7B;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,wBAAOC,GAAA,CAAA,CAAkB;AAAA,EAAA;AAAA,EAE3B;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,wBAAOC,GAAA,CAAA,CAAqB;AAAA,EAAA;AAEhC;AAEA,SAASC,EAAqBC,GAAkB;AAC9C,SACE,gBAAAC,EAAC,QAAA,EAAK,WAAWC,EAAO,qCAAqC,GAC3D,UAAA,gBAAAD,EAACE,GAAA,EAAK,OAAAH,GAAc,MAAK,KAAA,CAAK,EAAA,CAChC;AAEJ;AAWA,SAAwBI,EAAoB;AAAA,EAC1C,iBAAAC,IAAkB;AAAA,EAClB,oBAAAC,IAAqB,CAAA;AAAA,EACrB,iBAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,GAAGC;AACL,GAA6B;AAC3B,QAAMC,IAAY,CAACT,EAAO,uBAAuB,GAAGM,CAAS,EAC1D,OAAO,OAAO,EACd,KAAK,GAAG,GAELI,IAAW,CAAC,GAAGjB,GAAmC,GAAGW,CAAkB;AAE7E,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,MACX,OAAAF;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAT,EAACc,GAAA,EACE,UAAAH,EAAS,IAAI,CAACI,MACb,gBAAAf;AAAA,UAACgB;AAAA,UAAA;AAAA,YAEC,WAAWf,EAAO,qCAAqC;AAAA,YACvD,OAAOc,EAAQ;AAAA,YACf,eAAejB,EAAqBiB,EAAQ,IAAI;AAAA,YAChD,iBAAiBX,MAAoBW,EAAQ;AAAA,YAC7C,SAAS,MAAM;;AACb,eAAAE,IAAAF,EAAQ,YAAR,QAAAE,EAAA,KAAAF,IACAT,KAAA,QAAAA,EAAkBS,EAAQ;AAAA,YAC5B;AAAA,UAAA;AAAA,UARKA,EAAQ;AAAA,QAAA,CAUhB,GACH;AAAA,0BACCG,GAAA,EAAmB;AAAA,0BACnBJ,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAd;AAAA,YAACgB;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBd,GAAA,EAAK,yBAAQiB,GAAA,CAAA,CAAmB,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEhE,gBAAAnB;AAAA,YAACgB;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBd,GAAA,EAAK,yBAAQkB,GAAA,CAAA,CAAY,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEzD,gBAAApB;AAAA,YAACgB;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBd,GAAA,EAAK,yBAAQmB,GAAA,CAAA,CAAS,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEtD,gBAAArB;AAAA,YAACgB;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBd,GAAA,EAAK,yBAAQoB,GAAA,CAAA,CAAoB,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEjE,gBAAAtB;AAAA,YAACgB;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBd,GAAA,EAAK,yBAAQqB,GAAA,CAAA,CAAuB,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QACpE,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/product-switcher-menu/ProductSwitcherMenu.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ProductSwitcherMenu.module.css');const e={"product-switcher-menu__product-item":"_product-switcher-menu__product-item_o1k8q_2","product-switcher-menu__product-icon":"_product-switcher-menu__product-icon_o1k8q_11"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ProductSwitcherMenu.css');const e={"product-switcher-menu__product-item":"_product-switcher-menu__product-item_o1k8q_2","product-switcher-menu__product-icon":"_product-switcher-menu__product-icon_o1k8q_11"};exports.default=e;
 //# sourceMappingURL=ProductSwitcherMenu.module.scss.cjs.map

package/dist/components/product-switcher-menu/ProductSwitcherMenu.module.scss.js

@@ -1,4 +1,4 @@
-import './ProductSwitcherMenu.module.css';const t = {
+import './ProductSwitcherMenu.css';const t = {
   "product-switcher-menu__product-item": "_product-switcher-menu__product-item_o1k8q_2",
   "product-switcher-menu__product-icon": "_product-switcher-menu__product-icon_o1k8q_11"
 };

package/dist/components/profile-popover/ProfilePopover.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ProfilePopover.module.css');const o={"profile-popover":"_profile-popover_1k0p0_22","profile-popover--closing":"_profile-popover--closing_1k0p0_34","profile-popover__role-tag":"_profile-popover__role-tag_1k0p0_37","profile-popover__close":"_profile-popover__close_1k0p0_41","profile-popover__primary":"_profile-popover__primary_1k0p0_46","profile-popover__last-online":"_profile-popover__last-online_1k0p0_54","profile-popover__names":"_profile-popover__names_1k0p0_61","profile-popover__name":"_profile-popover__name_1k0p0_61","profile-popover__handle":"_profile-popover__handle_1k0p0_77","profile-popover__title":"_profile-popover__title_1k0p0_77","profile-popover__secondary":"_profile-popover__secondary_1k0p0_82","profile-popover__titles":"_profile-popover__titles_1k0p0_89","profile-popover__meta-item":"_profile-popover__meta-item_1k0p0_94","profile-popover__meta-item--stacked":"_profile-popover__meta-item--stacked_1k0p0_100","profile-popover__meta-icon":"_profile-popover__meta-icon_1k0p0_103","profile-popover__phone-body":"_profile-popover__phone-body_1k0p0_108","profile-popover__meta-link":"_profile-popover__meta-link_1k0p0_115","profile-popover__phone-sub":"_profile-popover__phone-sub_1k0p0_119","profile-popover__meta-text":"_profile-popover__meta-text_1k0p0_124","profile-popover__section-label":"_profile-popover__section-label_1k0p0_149","profile-popover__local-time":"_profile-popover__local-time_1k0p0_156","profile-popover__custom-status":"_profile-popover__custom-status_1k0p0_156","profile-popover__time":"_profile-popover__time_1k0p0_162","profile-popover__status-row":"_profile-popover__status-row_1k0p0_168","profile-popover__status-emoji":"_profile-popover__status-emoji_1k0p0_175","profile-popover__footer":"_profile-popover__footer_1k0p0_184","profile-popover__footer--others":"_profile-popover__footer--others_1k0p0_188","profile-popover__footer--you":"_profile-popover__footer--you_1k0p0_192","profile-popover__primary-action":"_profile-popover__primary-action_1k0p0_196","profile-popover__primary-action--others":"_profile-popover__primary-action--others_1k0p0_199","profile-popover__primary-action--you":"_profile-popover__primary-action--you_1k0p0_203","profile-popover__primary-button":"_profile-popover__primary-button_1k0p0_207","profile-popover__secondary-actions":"_profile-popover__secondary-actions_1k0p0_210"};exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ProfilePopover.css');const o={"profile-popover":"_profile-popover_1k0p0_22","profile-popover--closing":"_profile-popover--closing_1k0p0_34","profile-popover__role-tag":"_profile-popover__role-tag_1k0p0_37","profile-popover__close":"_profile-popover__close_1k0p0_41","profile-popover__primary":"_profile-popover__primary_1k0p0_46","profile-popover__last-online":"_profile-popover__last-online_1k0p0_54","profile-popover__names":"_profile-popover__names_1k0p0_61","profile-popover__name":"_profile-popover__name_1k0p0_61","profile-popover__handle":"_profile-popover__handle_1k0p0_77","profile-popover__title":"_profile-popover__title_1k0p0_77","profile-popover__secondary":"_profile-popover__secondary_1k0p0_82","profile-popover__titles":"_profile-popover__titles_1k0p0_89","profile-popover__meta-item":"_profile-popover__meta-item_1k0p0_94","profile-popover__meta-item--stacked":"_profile-popover__meta-item--stacked_1k0p0_100","profile-popover__meta-icon":"_profile-popover__meta-icon_1k0p0_103","profile-popover__phone-body":"_profile-popover__phone-body_1k0p0_108","profile-popover__meta-link":"_profile-popover__meta-link_1k0p0_115","profile-popover__phone-sub":"_profile-popover__phone-sub_1k0p0_119","profile-popover__meta-text":"_profile-popover__meta-text_1k0p0_124","profile-popover__section-label":"_profile-popover__section-label_1k0p0_149","profile-popover__local-time":"_profile-popover__local-time_1k0p0_156","profile-popover__custom-status":"_profile-popover__custom-status_1k0p0_156","profile-popover__time":"_profile-popover__time_1k0p0_162","profile-popover__status-row":"_profile-popover__status-row_1k0p0_168","profile-popover__status-emoji":"_profile-popover__status-emoji_1k0p0_175","profile-popover__footer":"_profile-popover__footer_1k0p0_184","profile-popover__footer--others":"_profile-popover__footer--others_1k0p0_188","profile-popover__footer--you":"_profile-popover__footer--you_1k0p0_192","profile-popover__primary-action":"_profile-popover__primary-action_1k0p0_196","profile-popover__primary-action--others":"_profile-popover__primary-action--others_1k0p0_199","profile-popover__primary-action--you":"_profile-popover__primary-action--you_1k0p0_203","profile-popover__primary-button":"_profile-popover__primary-button_1k0p0_207","profile-popover__secondary-actions":"_profile-popover__secondary-actions_1k0p0_210"};exports.default=o;
 //# sourceMappingURL=ProfilePopover.module.scss.cjs.map

package/dist/components/profile-popover/ProfilePopover.module.scss.js

@@ -1,4 +1,4 @@
-import './ProfilePopover.module.css';const o = {
+import './ProfilePopover.css';const o = {
   "profile-popover": "_profile-popover_1k0p0_22",
   "profile-popover--closing": "_profile-popover--closing_1k0p0_34",
   "profile-popover__role-tag": "_profile-popover__role-tag_1k0p0_37",

package/dist/components/progress-bar/ProgressBar.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ProgressBar.module.css');const r={"progress-bar":"_progress-bar_yw4zb_2","progress-bar--size-small":"_progress-bar--size-small_yw4zb_8","progress-bar__fill":"_progress-bar__fill_yw4zb_12","progress-bar--size-large":"_progress-bar--size-large_yw4zb_15","progress-bar__fill--default":"_progress-bar__fill--default_yw4zb_29","progress-bar__fill--success":"_progress-bar__fill--success_yw4zb_32","progress-bar__fill--warning":"_progress-bar__fill--warning_yw4zb_35","progress-bar__fill--danger":"_progress-bar__fill--danger_yw4zb_38"};exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ProgressBar.css');const r={"progress-bar":"_progress-bar_yw4zb_2","progress-bar--size-small":"_progress-bar--size-small_yw4zb_8","progress-bar__fill":"_progress-bar__fill_yw4zb_12","progress-bar--size-large":"_progress-bar--size-large_yw4zb_15","progress-bar__fill--default":"_progress-bar__fill--default_yw4zb_29","progress-bar__fill--success":"_progress-bar__fill--success_yw4zb_32","progress-bar__fill--warning":"_progress-bar__fill--warning_yw4zb_35","progress-bar__fill--danger":"_progress-bar__fill--danger_yw4zb_38"};exports.default=r;
 //# sourceMappingURL=ProgressBar.module.scss.cjs.map

package/dist/components/progress-bar/ProgressBar.module.scss.js

@@ -1,4 +1,4 @@
-import './ProgressBar.module.css';const r = {
+import './ProgressBar.css';const r = {
   "progress-bar": "_progress-bar_yw4zb_2",
   "progress-bar--size-small": "_progress-bar--size-small_yw4zb_8",
   "progress-bar__fill": "_progress-bar__fill_yw4zb_12",

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Radio.module.css');const i="_radio_difs7_2",_="_radio__input_difs7_13",d="_radio__circle_difs7_33",o="_radio__dot_difs7_59",a="_radio__label_difs7_116",r={radio:i,radio__input:_,radio__circle:d,radio__dot:o,"radio--invalid":"_radio--invalid_difs7_80",radio__label:a,"radio--size-small":"_radio--size-small_difs7_119","radio--size-medium":"_radio--size-medium_difs7_138","radio--size-large":"_radio--size-large_difs7_157"};exports.default=r;exports.radio=i;exports.radio__circle=d;exports.radio__dot=o;exports.radio__input=_;exports.radio__label=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Radio.css');const i="_radio_difs7_2",_="_radio__input_difs7_13",d="_radio__circle_difs7_33",o="_radio__dot_difs7_59",a="_radio__label_difs7_116",r={radio:i,radio__input:_,radio__circle:d,radio__dot:o,"radio--invalid":"_radio--invalid_difs7_80",radio__label:a,"radio--size-small":"_radio--size-small_difs7_119","radio--size-medium":"_radio--size-medium_difs7_138","radio--size-large":"_radio--size-large_difs7_157"};exports.default=r;exports.radio=i;exports.radio__circle=d;exports.radio__dot=o;exports.radio__input=_;exports.radio__label=a;
 //# sourceMappingURL=Radio.module.scss.cjs.map

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

@@ -1,4 +1,4 @@
-import './Radio.module.css';const _ = "_radio_difs7_2", i = "_radio__input_difs7_13", d = "_radio__circle_difs7_33", a = "_radio__dot_difs7_59", o = "_radio__label_difs7_116", r = {
+import './Radio.css';const _ = "_radio_difs7_2", i = "_radio__input_difs7_13", d = "_radio__circle_difs7_33", a = "_radio__dot_difs7_59", o = "_radio__label_difs7_116", r = {
   radio: _,
   radio__input: i,
   radio__circle: d,

package/dist/components/reaction-button/ReactionButton.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ReactionButton.module.css');const o={"reaction-button":"_reaction-button_15oyo_22","reaction-button--mine":"_reaction-button--mine_15oyo_42","reaction-button__count":"_reaction-button__count_15oyo_49","reaction-button__emoji":"_reaction-button__emoji_15oyo_52","reaction-button__count--anim-up":"_reaction-button__count--anim-up_15oyo_63","reaction-button__count--anim-down":"_reaction-button__count--anim-down_15oyo_66"};exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ReactionButton.css');const o={"reaction-button":"_reaction-button_15oyo_22","reaction-button--mine":"_reaction-button--mine_15oyo_42","reaction-button__count":"_reaction-button__count_15oyo_49","reaction-button__emoji":"_reaction-button__emoji_15oyo_52","reaction-button__count--anim-up":"_reaction-button__count--anim-up_15oyo_63","reaction-button__count--anim-down":"_reaction-button__count--anim-down_15oyo_66"};exports.default=o;
 //# sourceMappingURL=ReactionButton.module.scss.cjs.map

package/dist/components/reaction-button/ReactionButton.module.scss.js

@@ -1,4 +1,4 @@
-import './ReactionButton.module.css';const o = {
+import './ReactionButton.css';const o = {
   "reaction-button": "_reaction-button_15oyo_22",
   "reaction-button--mine": "_reaction-button--mine_15oyo_42",
   "reaction-button__count": "_reaction-button__count_15oyo_49",

package/dist/components/reactions-row/ReactionsRow.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ReactionsRow.module.css');const _={"reactions-row":"_reactions-row_2mtjp_2","reactions-row__buttons":"_reactions-row__buttons_2mtjp_9","reactions-row__add-reaction":"_reactions-row__add-reaction_2mtjp_16","reactions-row__ack":"_reactions-row__ack_2mtjp_26","reactions-row__ack--active":"_reactions-row__ack--active_2mtjp_47","reactions-row__ack-icon":"_reactions-row__ack-icon_2mtjp_54","reactions-row__ack-count":"_reactions-row__ack-count_2mtjp_58","reactions-row__ack-label":"_reactions-row__ack-label_2mtjp_64"};exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ReactionsRow.css');const _={"reactions-row":"_reactions-row_2mtjp_2","reactions-row__buttons":"_reactions-row__buttons_2mtjp_9","reactions-row__add-reaction":"_reactions-row__add-reaction_2mtjp_16","reactions-row__ack":"_reactions-row__ack_2mtjp_26","reactions-row__ack--active":"_reactions-row__ack--active_2mtjp_47","reactions-row__ack-icon":"_reactions-row__ack-icon_2mtjp_54","reactions-row__ack-count":"_reactions-row__ack-count_2mtjp_58","reactions-row__ack-label":"_reactions-row__ack-label_2mtjp_64"};exports.default=_;
 //# sourceMappingURL=ReactionsRow.module.scss.cjs.map

package/dist/components/reactions-row/ReactionsRow.module.scss.js

@@ -1,4 +1,4 @@
-import './ReactionsRow.module.css';const _ = {
+import './ReactionsRow.css';const _ = {
   "reactions-row": "_reactions-row_2mtjp_2",
   "reactions-row__buttons": "_reactions-row__buttons_2mtjp_9",
   "reactions-row__add-reaction": "_reactions-row__add-reaction_2mtjp_16",

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./RightSidebarHeader.module.css');const e={"right-sidebar-header":"_right-sidebar-header_11chd_2","right-sidebar-header__left":"_right-sidebar-header__left_11chd_12","right-sidebar-header__primary":"_right-sidebar-header__primary_11chd_18","right-sidebar-header__back":"_right-sidebar-header__back_11chd_25","right-sidebar-header__leading-icon":"_right-sidebar-header__leading-icon_11chd_28","right-sidebar-header__tag":"_right-sidebar-header__tag_11chd_33","right-sidebar-header__title":"_right-sidebar-header__title_11chd_37","right-sidebar-header__secondary":"_right-sidebar-header__secondary_11chd_47","right-sidebar-header__secondary-text":"_right-sidebar-header__secondary-text_11chd_55","right-sidebar-header__actions":"_right-sidebar-header__actions_11chd_65","right-sidebar-header__action":"_right-sidebar-header__action_11chd_65","right-sidebar-header__action--active":"_right-sidebar-header__action--active_11chd_99"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./RightSidebarHeader.css');const e={"right-sidebar-header":"_right-sidebar-header_11chd_2","right-sidebar-header__left":"_right-sidebar-header__left_11chd_12","right-sidebar-header__primary":"_right-sidebar-header__primary_11chd_18","right-sidebar-header__back":"_right-sidebar-header__back_11chd_25","right-sidebar-header__leading-icon":"_right-sidebar-header__leading-icon_11chd_28","right-sidebar-header__tag":"_right-sidebar-header__tag_11chd_33","right-sidebar-header__title":"_right-sidebar-header__title_11chd_37","right-sidebar-header__secondary":"_right-sidebar-header__secondary_11chd_47","right-sidebar-header__secondary-text":"_right-sidebar-header__secondary-text_11chd_55","right-sidebar-header__actions":"_right-sidebar-header__actions_11chd_65","right-sidebar-header__action":"_right-sidebar-header__action_11chd_65","right-sidebar-header__action--active":"_right-sidebar-header__action--active_11chd_99"};exports.default=e;
 //# sourceMappingURL=RightSidebarHeader.module.scss.cjs.map

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

@@ -1,4 +1,4 @@
-import './RightSidebarHeader.module.css';const e = {
+import './RightSidebarHeader.css';const e = {
   "right-sidebar-header": "_right-sidebar-header_11chd_2",
   "right-sidebar-header__left": "_right-sidebar-header__left_11chd_12",
   "right-sidebar-header__primary": "_right-sidebar-header__primary_11chd_18",

package/dist/components/scrollbar/Scrollbar.module.scss.cjs

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

package/dist/components/scrollbar/Scrollbar.module.scss.js

@@ -1,4 +1,4 @@
-import './Scrollbar.module.css';const l = "_scrollbar_1gcpr_2", r = {
+import './Scrollbar.css';const l = "_scrollbar_1gcpr_2", r = {
   scrollbar: l
 };
 export {

package/dist/components/search-input/SearchInput.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./SearchInput.module.css');const i={"search-input":"_search-input_1iq6i_2","search-input__wrapper":"_search-input__wrapper_1iq6i_7","search-input__input":"_search-input__input_1iq6i_17","search-input__label":"_search-input__label_1iq6i_27","search-input--label-floated":"_search-input--label-floated_1iq6i_47","search-input__inner":"_search-input__inner_1iq6i_54","search-input__leading-icon":"_search-input__leading-icon_1iq6i_85","search-input__trailing-icon":"_search-input__trailing-icon_1iq6i_85","search-input__clear-button":"_search-input__clear-button_1iq6i_99","search-input--size-small":"_search-input--size-small_1iq6i_114","search-input--size-medium":"_search-input--size-medium_1iq6i_130","search-input--size-large":"_search-input--size-large_1iq6i_150","search-input--has-leading-icon":"_search-input--has-leading-icon_1iq6i_171","search-input--invalid":"_search-input--invalid_1iq6i_189"};exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./SearchInput.css');const i={"search-input":"_search-input_1iq6i_2","search-input__wrapper":"_search-input__wrapper_1iq6i_7","search-input__input":"_search-input__input_1iq6i_17","search-input__label":"_search-input__label_1iq6i_27","search-input--label-floated":"_search-input--label-floated_1iq6i_47","search-input__inner":"_search-input__inner_1iq6i_54","search-input__leading-icon":"_search-input__leading-icon_1iq6i_85","search-input__trailing-icon":"_search-input__trailing-icon_1iq6i_85","search-input__clear-button":"_search-input__clear-button_1iq6i_99","search-input--size-small":"_search-input--size-small_1iq6i_114","search-input--size-medium":"_search-input--size-medium_1iq6i_130","search-input--size-large":"_search-input--size-large_1iq6i_150","search-input--has-leading-icon":"_search-input--has-leading-icon_1iq6i_171","search-input--invalid":"_search-input--invalid_1iq6i_189"};exports.default=i;
 //# sourceMappingURL=SearchInput.module.scss.cjs.map

package/dist/components/search-input/SearchInput.module.scss.js

@@ -1,4 +1,4 @@
-import './SearchInput.module.css';const i = {
+import './SearchInput.css';const i = {
   "search-input": "_search-input_1iq6i_2",
   "search-input__wrapper": "_search-input__wrapper_1iq6i_7",
   "search-input__input": "_search-input__input_1iq6i_17",

package/dist/components/search-tip-banner/SearchTipBanner.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./SearchTipBanner.module.css');const e={"search-tip-banner":"_search-tip-banner_slriu_2","search-tip-banner__content":"_search-tip-banner__content_slriu_15","search-tip-banner__text":"_search-tip-banner__text_slriu_22"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./SearchTipBanner.css');const e={"search-tip-banner":"_search-tip-banner_slriu_2","search-tip-banner__content":"_search-tip-banner__content_slriu_15","search-tip-banner__text":"_search-tip-banner__text_slriu_22"};exports.default=e;
 //# sourceMappingURL=SearchTipBanner.module.scss.cjs.map

package/dist/components/search-tip-banner/SearchTipBanner.module.scss.js

@@ -1,4 +1,4 @@
-import './SearchTipBanner.module.css';const e = {
+import './SearchTipBanner.css';const e = {
   "search-tip-banner": "_search-tip-banner_slriu_2",
   "search-tip-banner__content": "_search-tip-banner__content_slriu_15",
   "search-tip-banner__text": "_search-tip-banner__text_slriu_22"

package/dist/components/section-notice/SectionNotice.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./SectionNotice.module.css');const e={"section-notice":"_section-notice_853w8_2","section-notice__content":"_section-notice__content_853w8_11","section-notice__icon":"_section-notice__icon_853w8_18","section-notice__body":"_section-notice__body_853w8_25","section-notice__title":"_section-notice__title_853w8_34","section-notice__description":"_section-notice__description_853w8_41","section-notice__actions":"_section-notice__actions_853w8_47","section-notice__dismiss":"_section-notice__dismiss_853w8_53","section-notice--type-warning":"_section-notice--type-warning_853w8_58","section-notice--type-danger":"_section-notice--type-danger_853w8_65","section-notice--type-success":"_section-notice--type-success_853w8_72","section-notice--type-hint":"_section-notice--type-hint_853w8_79"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./SectionNotice.css');const e={"section-notice":"_section-notice_853w8_2","section-notice__content":"_section-notice__content_853w8_11","section-notice__icon":"_section-notice__icon_853w8_18","section-notice__body":"_section-notice__body_853w8_25","section-notice__title":"_section-notice__title_853w8_34","section-notice__description":"_section-notice__description_853w8_41","section-notice__actions":"_section-notice__actions_853w8_47","section-notice__dismiss":"_section-notice__dismiss_853w8_53","section-notice--type-warning":"_section-notice--type-warning_853w8_58","section-notice--type-danger":"_section-notice--type-danger_853w8_65","section-notice--type-success":"_section-notice--type-success_853w8_72","section-notice--type-hint":"_section-notice--type-hint_853w8_79"};exports.default=e;
 //# sourceMappingURL=SectionNotice.module.scss.cjs.map

package/dist/components/section-notice/SectionNotice.module.scss.js

@@ -1,4 +1,4 @@
-import './SectionNotice.module.css';const t = {
+import './SectionNotice.css';const t = {
   "section-notice": "_section-notice_853w8_2",
   "section-notice__content": "_section-notice__content_853w8_11",
   "section-notice__icon": "_section-notice__icon_853w8_18",

package/dist/components/select/Select.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Select.module.css');const e="_select_h9fbq_2",_="_select__wrapper_h9fbq_8",l="_select__label_h9fbq_26",t="_select__control_h9fbq_56",s="_select__value_h9fbq_82",c="_select__popup_h9fbq_111",o="_select__menu_h9fbq_127",i="_select__list_h9fbq_132",n="_select__option_h9fbq_137",p={select:e,select__wrapper:_,"select--disabled":"_select--disabled_h9fbq_16",select__label:l,"select--label-floated":"_select--label-floated_h9fbq_47",select__control:t,"select__control--placeholder":"_select__control--placeholder_h9fbq_82",select__value:s,"select__leading-icon":"_select__leading-icon_h9fbq_92","select__trailing-icon":"_select__trailing-icon_h9fbq_99","select--open":"_select--open_h9fbq_108",select__popup:c,"select__popup--above":"_select__popup--above_h9fbq_118","select__popup--visible":"_select__popup--visible_h9fbq_121",select__menu:o,select__list:i,select__option:n,"select__option-content--disabled":"_select__option-content--disabled_h9fbq_145","select--size-small":"_select--size-small_h9fbq_148","select--size-medium":"_select--size-medium_h9fbq_167","select--size-large":"_select--size-large_h9fbq_190","select--invalid":"_select--invalid_h9fbq_217","select--has-leading-icon":"_select--has-leading-icon_h9fbq_229"};exports.default=p;exports.select=e;exports.select__control=t;exports.select__label=l;exports.select__list=i;exports.select__menu=o;exports.select__option=n;exports.select__popup=c;exports.select__value=s;exports.select__wrapper=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Select.css');const e="_select_h9fbq_2",_="_select__wrapper_h9fbq_8",l="_select__label_h9fbq_26",t="_select__control_h9fbq_56",s="_select__value_h9fbq_82",c="_select__popup_h9fbq_111",o="_select__menu_h9fbq_127",i="_select__list_h9fbq_132",n="_select__option_h9fbq_137",p={select:e,select__wrapper:_,"select--disabled":"_select--disabled_h9fbq_16",select__label:l,"select--label-floated":"_select--label-floated_h9fbq_47",select__control:t,"select__control--placeholder":"_select__control--placeholder_h9fbq_82",select__value:s,"select__leading-icon":"_select__leading-icon_h9fbq_92","select__trailing-icon":"_select__trailing-icon_h9fbq_99","select--open":"_select--open_h9fbq_108",select__popup:c,"select__popup--above":"_select__popup--above_h9fbq_118","select__popup--visible":"_select__popup--visible_h9fbq_121",select__menu:o,select__list:i,select__option:n,"select__option-content--disabled":"_select__option-content--disabled_h9fbq_145","select--size-small":"_select--size-small_h9fbq_148","select--size-medium":"_select--size-medium_h9fbq_167","select--size-large":"_select--size-large_h9fbq_190","select--invalid":"_select--invalid_h9fbq_217","select--has-leading-icon":"_select--has-leading-icon_h9fbq_229"};exports.default=p;exports.select=e;exports.select__control=t;exports.select__label=l;exports.select__list=i;exports.select__menu=o;exports.select__option=n;exports.select__popup=c;exports.select__value=s;exports.select__wrapper=_;
 //# sourceMappingURL=Select.module.scss.cjs.map

package/dist/components/select/Select.module.scss.js

@@ -1,4 +1,4 @@
-import './Select.module.css';const e = "_select_h9fbq_2", _ = "_select__wrapper_h9fbq_8", l = "_select__label_h9fbq_26", t = "_select__control_h9fbq_56", s = "_select__value_h9fbq_82", c = "_select__popup_h9fbq_111", o = "_select__menu_h9fbq_127", n = "_select__list_h9fbq_132", i = "_select__option_h9fbq_137", a = {
+import './Select.css';const e = "_select_h9fbq_2", _ = "_select__wrapper_h9fbq_8", l = "_select__label_h9fbq_26", t = "_select__control_h9fbq_56", s = "_select__value_h9fbq_82", c = "_select__popup_h9fbq_111", o = "_select__menu_h9fbq_127", n = "_select__list_h9fbq_132", i = "_select__option_h9fbq_137", a = {
   select: e,
   select__wrapper: _,
   "select--disabled": "_select--disabled_h9fbq_16",

package/dist/components/shortcut-tag/ShortcutTag.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ShortcutTag.module.css');const t={"shortcut-tag__key":"_shortcut-tag__key_mn7ou_2","shortcut-tag__key--size-small":"_shortcut-tag__key--size-small_mn7ou_13","shortcut-tag__key--size-medium":"_shortcut-tag__key--size-medium_mn7ou_18","shortcut-tag__key--size-large":"_shortcut-tag__key--size-large_mn7ou_23","shortcut-tag__key--location-default":"_shortcut-tag__key--location-default_mn7ou_28","shortcut-tag__key--location-tooltips":"_shortcut-tag__key--location-tooltips_mn7ou_32","shortcut-tag-group":"_shortcut-tag-group_mn7ou_37"};exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ShortcutTag.css');const t={"shortcut-tag__key":"_shortcut-tag__key_mn7ou_2","shortcut-tag__key--size-small":"_shortcut-tag__key--size-small_mn7ou_13","shortcut-tag__key--size-medium":"_shortcut-tag__key--size-medium_mn7ou_18","shortcut-tag__key--size-large":"_shortcut-tag__key--size-large_mn7ou_23","shortcut-tag__key--location-default":"_shortcut-tag__key--location-default_mn7ou_28","shortcut-tag__key--location-tooltips":"_shortcut-tag__key--location-tooltips_mn7ou_32","shortcut-tag-group":"_shortcut-tag-group_mn7ou_37"};exports.default=t;
 //# sourceMappingURL=ShortcutTag.module.scss.cjs.map

package/dist/components/shortcut-tag/ShortcutTag.module.scss.js

@@ -1,4 +1,4 @@
-import './ShortcutTag.module.css';const t = {
+import './ShortcutTag.css';const t = {
   "shortcut-tag__key": "_shortcut-tag__key_mn7ou_2",
   "shortcut-tag__key--size-small": "_shortcut-tag__key--size-small_mn7ou_13",
   "shortcut-tag__key--size-medium": "_shortcut-tag__key--size-medium_mn7ou_18",

package/dist/components/spinner/Spinner.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),t=require("./Spinner.module.scss.cjs");function d({size:e=16,inverted:n=!1,className:r="","aria-label":a="Loading",style:i,...s}){const o=Math.max(1,Math.min(3,Math.round(e*.1))),l=[t.default.spinner,n?t.default["spinner--inverted"]:"",r].filter(Boolean).join(" ");return u.jsx("span",{className:l,role:"status","aria-label":a,style:{width:`${e}px`,height:`${e}px`,"--spinner-stroke-width":`${o}px`,...i},...s})}exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),t=require("./Spinner.module.scss.cjs");function p({size:n="16",inverted:r=!1,className:s="","aria-label":i="Loading",style:a,...o}){const e=Number(n),l=Math.max(1,Math.min(3,Math.round(e*.1))),u=[t.default.spinner,r?t.default["spinner--inverted"]:"",s].filter(Boolean).join(" ");return d.jsx("span",{className:u,role:"status","aria-label":i,style:{width:`${e}px`,height:`${e}px`,"--spinner-stroke-width":`${l}px`,...a},...o})}exports.default=p;
 //# sourceMappingURL=Spinner.cjs.map

package/dist/components/spinner/Spinner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.cjs","sources":["../../../src/components/spinner/Spinner.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport styles from './Spinner.module.scss';\n\nexport type SpinnerSize = 10 | 12 | 16 | 20 | 24 | 28 | 32;\n\nexport interface SpinnerProps extends Omit<\n  HTMLAttributes<HTMLSpanElement>,\n  'role'\n> {\n  size?: SpinnerSize;\n  inverted?: boolean;\n  'aria-label'?: string;\n}\n\n/**\n * A Spinner is the all-purpose indicator that something is happening but the duration is\n * unknown. It signals \"wait\" without claiming to know how long the wait will be.\n */\nexport default function Spinner({\n  size = 16,\n  inverted = false,\n  className = '',\n  'aria-label': ariaLabel = 'Loading',\n  style,\n  ...htmlProps\n}: SpinnerProps) {\n  const strokeWidth = Math.max(1, Math.min(3, Math.round(size * 0.1)));\n\n  const rootClass = [\n    styles.spinner,\n    inverted ? styles['spinner--inverted'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <span\n      className={rootClass}\n      role=\"status\"\n      aria-label={ariaLabel}\n      style={{\n        width: `${size}px`,\n        height: `${size}px`,\n        ['--spinner-stroke-width' as string]: `${strokeWidth}px`,\n        ...style,\n      }}\n      {...htmlProps}\n    />\n  );\n}\n"],"names":["Spinner","size","inverted","className","ariaLabel","style","htmlProps","strokeWidth","rootClass","styles","jsx"],"mappings":"wLAkBA,SAAwBA,EAAQ,CAC9B,KAAAC,EAAO,GACP,SAAAC,EAAW,GACX,UAAAC,EAAY,GACZ,aAAcC,EAAY,UAC1B,MAAAC,EACA,GAAGC,CACL,EAAiB,CACf,MAAMC,EAAc,KAAK,IAAI,EAAG,KAAK,IAAI,EAAG,KAAK,MAAMN,EAAO,EAAG,CAAC,CAAC,EAE7DO,EAAY,CAChBC,EAAAA,QAAO,QACPP,EAAWO,EAAAA,QAAO,mBAAmB,EAAI,GACzCN,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEO,EAAAA,IAAC,OAAA,CACC,UAAWF,EACX,KAAK,SACL,aAAYJ,EACZ,MAAO,CACL,MAAO,GAAGH,CAAI,KACd,OAAQ,GAAGA,CAAI,KACd,yBAAqC,GAAGM,CAAW,KACpD,GAAGF,CAAA,EAEJ,GAAGC,CAAA,CAAA,CAGV"}
+{"version":3,"file":"Spinner.cjs","sources":["../../../src/components/spinner/Spinner.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport styles from './Spinner.module.scss';\n\nexport type SpinnerSize = '10' | '12' | '16' | '20' | '24' | '28' | '32';\n\nexport interface SpinnerProps extends Omit<\n  HTMLAttributes<HTMLSpanElement>,\n  'role'\n> {\n  size?: SpinnerSize;\n  inverted?: boolean;\n  'aria-label'?: string;\n}\n\n/**\n * A Spinner is the all-purpose indicator that something is happening but the duration is\n * unknown. It signals \"wait\" without claiming to know how long the wait will be.\n */\nexport default function Spinner({\n  size = '16',\n  inverted = false,\n  className = '',\n  'aria-label': ariaLabel = 'Loading',\n  style,\n  ...htmlProps\n}: SpinnerProps) {\n  const sizePx = Number(size);\n  const strokeWidth = Math.max(1, Math.min(3, Math.round(sizePx * 0.1)));\n\n  const rootClass = [\n    styles.spinner,\n    inverted ? styles['spinner--inverted'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <span\n      className={rootClass}\n      role=\"status\"\n      aria-label={ariaLabel}\n      style={{\n        width: `${sizePx}px`,\n        height: `${sizePx}px`,\n        ['--spinner-stroke-width' as string]: `${strokeWidth}px`,\n        ...style,\n      }}\n      {...htmlProps}\n    />\n  );\n}\n"],"names":["Spinner","size","inverted","className","ariaLabel","style","htmlProps","sizePx","strokeWidth","rootClass","styles","jsx"],"mappings":"wLAkBA,SAAwBA,EAAQ,CAC9B,KAAAC,EAAO,KACP,SAAAC,EAAW,GACX,UAAAC,EAAY,GACZ,aAAcC,EAAY,UAC1B,MAAAC,EACA,GAAGC,CACL,EAAiB,CACf,MAAMC,EAAS,OAAON,CAAI,EACpBO,EAAc,KAAK,IAAI,EAAG,KAAK,IAAI,EAAG,KAAK,MAAMD,EAAS,EAAG,CAAC,CAAC,EAE/DE,EAAY,CAChBC,EAAAA,QAAO,QACPR,EAAWQ,EAAAA,QAAO,mBAAmB,EAAI,GACzCP,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEQ,EAAAA,IAAC,OAAA,CACC,UAAWF,EACX,KAAK,SACL,aAAYL,EACZ,MAAO,CACL,MAAO,GAAGG,CAAM,KAChB,OAAQ,GAAGA,CAAM,KAChB,yBAAqC,GAAGC,CAAW,KACpD,GAAGH,CAAA,EAEJ,GAAGC,CAAA,CAAA,CAGV"}

package/dist/components/spinner/Spinner.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-export type SpinnerSize = 10 | 12 | 16 | 20 | 24 | 28 | 32;
+export type SpinnerSize = '10' | '12' | '16' | '20' | '24' | '28' | '32';
 export interface SpinnerProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'role'> {
     size?: SpinnerSize;
     inverted?: boolean;

package/dist/components/spinner/Spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,WAAW,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE3D,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,cAAc,CAAC,eAAe,CAAC,EAC/B,MAAM,CACP;IACC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,IAAS,EACT,QAAgB,EAChB,SAAc,EACd,YAAY,EAAE,SAAqB,EACnC,KAAK,EACL,GAAG,SAAS,EACb,EAAE,YAAY,2CAyBd"}
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzE,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,cAAc,CAAC,eAAe,CAAC,EAC/B,MAAM,CACP;IACC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,IAAW,EACX,QAAgB,EAChB,SAAc,EACd,YAAY,EAAE,SAAqB,EACnC,KAAK,EACL,GAAG,SAAS,EACb,EAAE,YAAY,2CA0Bd"}