@mattermost/compass-ui 0.1.0-alpha.26 → 0.1.0-alpha.28

package/dist/components/tile-button/TileButton.module.scss.js

@@ -1,10 +1,10 @@
 import './TileButton.css';const t = {
-  "tile-button": "_tile-button_yrpfx_2",
-  "tile-button--disabled": "_tile-button--disabled_yrpfx_31",
-  "tile-button--toggled": "_tile-button--toggled_yrpfx_43",
-  "tile-button__icon": "_tile-button__icon_yrpfx_47",
-  "tile-button__label": "_tile-button__label_yrpfx_48",
-  "tile-button--destructive": "_tile-button--destructive_yrpfx_57"
+  "tile-button": "_tile-button_d4o4n_13",
+  "tile-button--disabled": "_tile-button--disabled_d4o4n_59",
+  "tile-button--toggled": "_tile-button--toggled_d4o4n_71",
+  "tile-button__icon": "_tile-button__icon_d4o4n_75",
+  "tile-button__label": "_tile-button__label_d4o4n_76",
+  "tile-button--destructive": "_tile-button--destructive_d4o4n_85"
 };
 export {
   t as default

package/dist/components/toast/Toast.css

@@ -1 +1 @@
-._toast_1se7h_2{display:inline-flex;gap:var(--spacing-xxs);align-items:center;width:fit-content;max-width:440px;padding:var(--spacing-xxxs);background-color:var(--neutral-900);border-radius:var(--radius-s);box-shadow:var(--elevation-2)}._toast__content_1se7h_13{display:flex;align-items:center;gap:var(--spacing-xs);height:32px;padding-left:var(--spacing-xs);min-width:0}._toast__icon_1se7h_21{display:inline-flex;align-items:center;flex-shrink:0;color:var(--neutral-0)}._toast__message_1se7h_27{flex:0 1 auto;min-width:0;font-size:var(--font-size-100);font-weight:var(--font-weight-semibold);line-height:var(--line-height-100);color:var(--neutral-0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._toast__action-btn--on-dark_1se7h_38{flex-shrink:0;background-color:color-mix(in srgb,var(--neutral-0) 8%,transparent)!important;--button-fg: var(--neutral-0) !important;border-color:transparent!important}._toast__action-btn--on-dark_1se7h_38:hover:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 12%,transparent)!important;--button-fg: var(--neutral-0) !important}._toast__action-btn--on-dark_1se7h_38:active:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 16%,transparent)!important;--button-fg: var(--neutral-0) !important}._toast__action-btn--on-dark_1se7h_38:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--neutral-0) 56%,transparent)!important}._toast__action-btn--on-dark_1se7h_38:disabled{--button-fg: color-mix( in srgb, var(--neutral-0) 40%, transparent ) !important;background-color:color-mix(in srgb,var(--neutral-0) 6%,transparent)!important}._toast__dismiss_1se7h_63{flex-shrink:0;color:color-mix(in srgb,var(--neutral-0) 64%,transparent)!important}._toast__dismiss_1se7h_63:hover:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 12%,transparent)!important;color:var(--neutral-0)!important}._toast__dismiss_1se7h_63:active:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 20%,transparent)!important;color:var(--neutral-0)!important}._toast__dismiss_1se7h_63:focus-visible{outline:2px solid color-mix(in srgb,var(--neutral-0) 56%,transparent)!important;outline-offset:2px!important;box-shadow:none!important}._toast--type-info_1se7h_80{background-color:rgb(var(--semantic-color-info))}._toast--type-success_1se7h_83{background-color:rgb(var(--semantic-color-success))}._toast--type-danger_1se7h_86{background-color:rgb(var(--semantic-color-danger))}._toast--type-warning_1se7h_89{background-color:rgb(var(--semantic-color-warning))}._toast--no-dismiss_1se7h_92 ._toast__content_1se7h_13{padding-right:var(--spacing-xs)}
+._toast_1rae9_13{display:inline-flex;gap:var(--spacing-xxs);align-items:center;width:fit-content;max-width:440px;padding:var(--spacing-xxxs);background-color:var(--neutral-900);border-radius:var(--radius-s);box-shadow:var(--elevation-2)}._toast__content_1rae9_24{display:flex;align-items:center;gap:var(--spacing-xs);height:32px;padding-left:var(--spacing-xs);min-width:0}._toast__icon_1rae9_32{display:inline-flex;align-items:center;flex-shrink:0;color:var(--neutral-0)}._toast__message_1rae9_38{flex:0 1 auto;min-width:0;font-size:var(--font-size-100);font-weight:var(--font-weight-semibold);line-height:var(--line-height-100);color:var(--neutral-0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._toast__action-btn--on-dark_1rae9_49{flex-shrink:0;background-color:color-mix(in srgb,var(--neutral-0) 8%,transparent)!important;--button-fg: var(--neutral-0) !important;border-color:transparent!important}._toast__action-btn--on-dark_1rae9_49:hover:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 12%,transparent)!important;--button-fg: var(--neutral-0) !important}._toast__action-btn--on-dark_1rae9_49:active:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 16%,transparent)!important;--button-fg: var(--neutral-0) !important}._toast__action-btn--on-dark_1rae9_49:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--neutral-0) 56%,transparent)!important}._toast__action-btn--on-dark_1rae9_49:disabled{--button-fg: color-mix( in srgb, var(--neutral-0) 40%, transparent ) !important;background-color:color-mix(in srgb,var(--neutral-0) 6%,transparent)!important}._toast__dismiss_1rae9_74{flex-shrink:0;color:color-mix(in srgb,var(--neutral-0) 64%,transparent)!important}._toast__dismiss_1rae9_74:hover:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 12%,transparent)!important;color:var(--neutral-0)!important}._toast__dismiss_1rae9_74:active:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 20%,transparent)!important;color:var(--neutral-0)!important}._toast__dismiss_1rae9_74:focus-visible{outline:2px solid color-mix(in srgb,var(--neutral-0) 56%,transparent)!important;outline-offset:2px!important;box-shadow:none!important}._toast--type-info_1rae9_91{background-color:rgb(var(--semantic-color-info))}._toast--type-success_1rae9_94{background-color:rgb(var(--semantic-color-success))}._toast--type-danger_1rae9_97{background-color:rgb(var(--semantic-color-danger))}._toast--type-warning_1rae9_100{background-color:rgb(var(--semantic-color-warning))}._toast--no-dismiss_1rae9_103 ._toast__content_1rae9_24{padding-right:var(--spacing-xs)}

package/dist/components/toast/Toast.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Toast.css');const t="_toast_1se7h_2",s="_toast__content_1se7h_13",_="_toast__icon_1se7h_21",o="_toast__message_1se7h_27",e="_toast__dismiss_1se7h_63",a={toast:t,toast__content:s,toast__icon:_,toast__message:o,"toast__action-btn--on-dark":"_toast__action-btn--on-dark_1se7h_38",toast__dismiss:e,"toast--type-info":"_toast--type-info_1se7h_80","toast--type-success":"_toast--type-success_1se7h_83","toast--type-danger":"_toast--type-danger_1se7h_86","toast--type-warning":"_toast--type-warning_1se7h_89","toast--no-dismiss":"_toast--no-dismiss_1se7h_92"};exports.default=a;exports.toast=t;exports.toast__content=s;exports.toast__dismiss=e;exports.toast__icon=_;exports.toast__message=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Toast.css');const t="_toast_1rae9_13",s="_toast__content_1rae9_24",_="_toast__icon_1rae9_32",a="_toast__message_1rae9_38",o="_toast__dismiss_1rae9_74",e={toast:t,toast__content:s,toast__icon:_,toast__message:a,"toast__action-btn--on-dark":"_toast__action-btn--on-dark_1rae9_49",toast__dismiss:o,"toast--type-info":"_toast--type-info_1rae9_91","toast--type-success":"_toast--type-success_1rae9_94","toast--type-danger":"_toast--type-danger_1rae9_97","toast--type-warning":"_toast--type-warning_1rae9_100","toast--no-dismiss":"_toast--no-dismiss_1rae9_103"};exports.default=e;exports.toast=t;exports.toast__content=s;exports.toast__dismiss=o;exports.toast__icon=_;exports.toast__message=a;
 //# sourceMappingURL=Toast.module.scss.cjs.map

package/dist/components/toast/Toast.module.scss.js

@@ -1,22 +1,22 @@
-import './Toast.css';const t = "_toast_1se7h_2", s = "_toast__content_1se7h_13", _ = "_toast__icon_1se7h_21", o = "_toast__message_1se7h_27", a = "_toast__dismiss_1se7h_63", e = {
+import './Toast.css';const t = "_toast_1rae9_13", s = "_toast__content_1rae9_24", _ = "_toast__icon_1rae9_32", a = "_toast__message_1rae9_38", o = "_toast__dismiss_1rae9_74", e = {
   toast: t,
   toast__content: s,
   toast__icon: _,
-  toast__message: o,
-  "toast__action-btn--on-dark": "_toast__action-btn--on-dark_1se7h_38",
-  toast__dismiss: a,
-  "toast--type-info": "_toast--type-info_1se7h_80",
-  "toast--type-success": "_toast--type-success_1se7h_83",
-  "toast--type-danger": "_toast--type-danger_1se7h_86",
-  "toast--type-warning": "_toast--type-warning_1se7h_89",
-  "toast--no-dismiss": "_toast--no-dismiss_1se7h_92"
+  toast__message: a,
+  "toast__action-btn--on-dark": "_toast__action-btn--on-dark_1rae9_49",
+  toast__dismiss: o,
+  "toast--type-info": "_toast--type-info_1rae9_91",
+  "toast--type-success": "_toast--type-success_1rae9_94",
+  "toast--type-danger": "_toast--type-danger_1rae9_97",
+  "toast--type-warning": "_toast--type-warning_1rae9_100",
+  "toast--no-dismiss": "_toast--no-dismiss_1rae9_103"
 };
 export {
   e as default,
   t as toast,
   s as toast__content,
-  a as toast__dismiss,
+  o as toast__dismiss,
   _ as toast__icon,
-  o as toast__message
+  a as toast__message
 };
 //# sourceMappingURL=Toast.module.scss.js.map

package/dist/components/tooltip/Tooltip.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("../icon/Icon.cjs"),p=require("../shortcut-tag/ShortcutTag.cjs"),l=require("./Tooltip.module.scss.cjs");function _({label:s,arrow:i="right",hint:t,shortcutKeys:o,icon:a,className:r=""}){const n=l.default[`tooltip--arrow-${i.toLowerCase()}`]??"",d=[l.default.tooltip,n,r].filter(Boolean).join(" ");return e.jsxs("div",{className:d,children:[e.jsxs("div",{className:l.default.tooltip__container,children:[e.jsxs("div",{className:l.default.tooltip__content,children:[a!=null&&e.jsx("span",{className:l.default.tooltip__icon,"aria-hidden":!0,children:e.jsx(c.IconSlotContext.Provider,{value:{size:"16"},children:a})}),e.jsx("span",{className:l.default.tooltip__label,children:s})]}),o&&o.length>0&&e.jsx("div",{className:l.default.tooltip__shortcuts,children:e.jsx(p.ShortcutTagGroup,{labels:o.map(u=>u.label),location:"tooltips",size:"small"})}),t!=null&&t!==""?e.jsx("span",{className:l.default.tooltip__hint,children:t}):null]}),e.jsx("div",{className:l.default.tooltip__arrow,"aria-hidden":!0})]})}exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),_=require("../emoji/Emoji.cjs"),f=require("../icon/Icon.cjs"),j=require("../shortcut-tag/ShortcutTag.cjs"),l=require("./Tooltip.module.scss.cjs");function x({label:r,arrow:n="right",hint:t,shortcutKeys:o,icon:s,emoji:a,emojiSize:i="inline",className:u=""}){const d=l.default[`tooltip--arrow-${n.toLowerCase()}`]??"",c=[l.default.tooltip,d,u].filter(Boolean).join(" ");return e.jsxs("div",{className:c,children:[e.jsxs("div",{className:l.default.tooltip__container,children:[e.jsxs("div",{className:[l.default.tooltip__content,a&&i==="large"?l.default["tooltip__content--emoji-large"]:""].filter(Boolean).join(" "),children:[a?e.jsx(_.default,{emoji:a,size:i==="large"?"40":"12"}):s!=null&&e.jsx("span",{className:l.default.tooltip__icon,"aria-hidden":!0,children:e.jsx(f.IconSlotContext.Provider,{value:{size:"16"},children:s})}),e.jsx("span",{className:l.default.tooltip__label,children:r})]}),o&&o.length>0&&e.jsx("div",{className:l.default.tooltip__shortcuts,children:e.jsx(j.ShortcutTagGroup,{labels:o.map(p=>p.label),location:"tooltips",size:"small"})}),t!=null&&t!==""?e.jsx("span",{className:l.default.tooltip__hint,children:t}):null]}),e.jsx("div",{className:l.default.tooltip__arrow,"aria-hidden":!0})]})}exports.default=x;
 //# sourceMappingURL=Tooltip.cjs.map

package/dist/components/tooltip/Tooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.cjs","sources":["../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport { ShortcutTagGroup } from '@/components/shortcut-tag/ShortcutTag';\nimport styles from './Tooltip.module.scss';\n\nexport type TooltipArrow = 'top' | 'right' | 'bottom' | 'left';\n\nexport interface TooltipShortcutKey {\n  label: string;\n}\n\nexport interface TooltipProps {\n  /** Tooltip label. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n  label: ReactNode;\n  /** Arrow direction. Default: Right. */\n  arrow?: TooltipArrow;\n  /** Optional hint text shown below label. */\n  hint?: ReactNode;\n  /** Optional keyboard shortcut keys shown below label. */\n  shortcutKeys?: TooltipShortcutKey[];\n  /** Optional leading icon — pass `<Icon glyph={<SomeIcon />} />`; Tooltip provides the correct size via context. */\n  icon?: ReactNode;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\n/**\n * Tooltips surface short, supporting text on hover. Reach for a tooltip when the affordance\n * behind it isn't fully self-explanatory — an Icon Button, a truncated label, a keyboard\n * shortcut. Don't reach for one when the label is already on screen.\n */\nexport default function Tooltip({\n  label,\n  arrow = 'right',\n  hint,\n  shortcutKeys,\n  icon,\n  className = '',\n}: TooltipProps) {\n  const arrowClass = styles[`tooltip--arrow-${arrow.toLowerCase()}`] ?? '';\n\n  const rootClass = [styles.tooltip, arrowClass, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass}>\n      <div className={styles['tooltip__container']}>\n        <div className={styles['tooltip__content']}>\n          {icon != null && (\n            <span className={styles['tooltip__icon']} aria-hidden>\n              <IconSlotContext.Provider value={{ size: '16' }}>\n                {icon}\n              </IconSlotContext.Provider>\n            </span>\n          )}\n          <span className={styles['tooltip__label']}>{label}</span>\n        </div>\n\n        {shortcutKeys && shortcutKeys.length > 0 && (\n          <div className={styles['tooltip__shortcuts']}>\n            <ShortcutTagGroup\n              labels={shortcutKeys.map((key) => key.label)}\n              location=\"tooltips\"\n              size=\"small\"\n            />\n          </div>\n        )}\n\n        {hint != null && hint !== '' ? (\n          <span className={styles['tooltip__hint']}>{hint}</span>\n        ) : null}\n      </div>\n\n      <div className={styles['tooltip__arrow']} aria-hidden />\n    </div>\n  );\n}\n"],"names":["Tooltip","label","arrow","hint","shortcutKeys","icon","className","arrowClass","styles","rootClass","jsxs","jsx","IconSlotContext","ShortcutTagGroup","key"],"mappings":"kQA+BA,SAAwBA,EAAQ,CAC9B,MAAAC,EACA,MAAAC,EAAQ,QACR,KAAAC,EACA,aAAAC,EACA,KAAAC,EACA,UAAAC,EAAY,EACd,EAAiB,CACf,MAAMC,EAAaC,EAAAA,QAAO,kBAAkBN,EAAM,YAAA,CAAa,EAAE,GAAK,GAEhEO,EAAY,CAACD,UAAO,QAASD,EAAYD,CAAS,EACrD,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEI,EAAAA,KAAC,MAAA,CAAI,UAAWD,EACd,SAAA,CAAAC,EAAAA,KAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,mBACrB,SAAA,CAAAE,EAAAA,KAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,iBACpB,SAAA,CAAAH,GAAQ,MACPM,EAAAA,IAAC,OAAA,CAAK,UAAWH,EAAAA,QAAO,cAAkB,cAAW,GACnD,eAACI,kBAAgB,SAAhB,CAAyB,MAAO,CAAE,KAAM,IAAA,EACtC,WACH,EACF,QAED,OAAA,CAAK,UAAWJ,EAAAA,QAAO,eAAoB,SAAAP,CAAA,CAAM,CAAA,EACpD,EAECG,GAAgBA,EAAa,OAAS,SACpC,MAAA,CAAI,UAAWI,EAAAA,QAAO,mBACrB,SAAAG,EAAAA,IAACE,EAAAA,iBAAA,CACC,OAAQT,EAAa,IAAKU,GAAQA,EAAI,KAAK,EAC3C,SAAS,WACT,KAAK,OAAA,CAAA,EAET,EAGDX,GAAQ,MAAQA,IAAS,GACxBQ,EAAAA,IAAC,OAAA,CAAK,UAAWH,EAAAA,QAAO,cAAmB,SAAAL,CAAA,CAAK,EAC9C,IAAA,EACN,QAEC,MAAA,CAAI,UAAWK,EAAAA,QAAO,eAAmB,cAAW,EAAA,CAAC,CAAA,EACxD,CAEJ"}
+{"version":3,"file":"Tooltip.cjs","sources":["../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport Emoji from '@/components/emoji/Emoji';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport { ShortcutTagGroup } from '@/components/shortcut-tag/ShortcutTag';\nimport styles from './Tooltip.module.scss';\n\nexport type TooltipArrow = 'top' | 'right' | 'bottom' | 'left';\n\n/** `inline` sits beside the label; `large` stacks above it (e.g. a custom status). */\nexport type TooltipEmojiSize = 'inline' | 'large';\n\nexport interface TooltipShortcutKey {\n  label: string;\n}\n\nexport interface TooltipProps {\n  /** Tooltip label. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n  label: ReactNode;\n  /** Arrow direction. Default: Right. */\n  arrow?: TooltipArrow;\n  /** Optional hint text shown below label. */\n  hint?: ReactNode;\n  /** Optional keyboard shortcut keys shown below label. */\n  shortcutKeys?: TooltipShortcutKey[];\n  /** Optional leading icon — pass `<Icon glyph={<SomeIcon />} />`; Tooltip provides the correct size via context. */\n  icon?: ReactNode;\n  /**\n   * Optional emoji character. Decorative (`aria-hidden`), so the label must carry the\n   * meaning. Replaces `icon` when both are passed.\n   */\n  emoji?: string;\n  /** Emoji placement: `inline` beside the label (12px) or `large` above it (40px). Default: inline. */\n  emojiSize?: TooltipEmojiSize;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\n/**\n * Tooltips surface short, supporting text on hover. Reach for a tooltip when the affordance\n * behind it isn't fully self-explanatory — an Icon Button, a truncated label, a keyboard\n * shortcut. Don't reach for one when the label is already on screen.\n */\nexport default function Tooltip({\n  label,\n  arrow = 'right',\n  hint,\n  shortcutKeys,\n  icon,\n  emoji,\n  emojiSize = 'inline',\n  className = '',\n}: TooltipProps) {\n  const arrowClass = styles[`tooltip--arrow-${arrow.toLowerCase()}`] ?? '';\n\n  const rootClass = [styles.tooltip, arrowClass, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass}>\n      <div className={styles['tooltip__container']}>\n        <div\n          className={[\n            styles['tooltip__content'],\n            emoji && emojiSize === 'large'\n              ? styles['tooltip__content--emoji-large']\n              : '',\n          ]\n            .filter(Boolean)\n            .join(' ')}\n        >\n          {emoji ? (\n            <Emoji emoji={emoji} size={emojiSize === 'large' ? '40' : '12'} />\n          ) : (\n            icon != null && (\n              <span className={styles['tooltip__icon']} aria-hidden>\n                <IconSlotContext.Provider value={{ size: '16' }}>\n                  {icon}\n                </IconSlotContext.Provider>\n              </span>\n            )\n          )}\n          <span className={styles['tooltip__label']}>{label}</span>\n        </div>\n\n        {shortcutKeys && shortcutKeys.length > 0 && (\n          <div className={styles['tooltip__shortcuts']}>\n            <ShortcutTagGroup\n              labels={shortcutKeys.map((key) => key.label)}\n              location=\"tooltips\"\n              size=\"small\"\n            />\n          </div>\n        )}\n\n        {hint != null && hint !== '' ? (\n          <span className={styles['tooltip__hint']}>{hint}</span>\n        ) : null}\n      </div>\n\n      <div className={styles['tooltip__arrow']} aria-hidden />\n    </div>\n  );\n}\n"],"names":["Tooltip","label","arrow","hint","shortcutKeys","icon","emoji","emojiSize","className","arrowClass","styles","rootClass","jsxs","jsx","Emoji","IconSlotContext","ShortcutTagGroup","key"],"mappings":"kSA0CA,SAAwBA,EAAQ,CAC9B,MAAAC,EACA,MAAAC,EAAQ,QACR,KAAAC,EACA,aAAAC,EACA,KAAAC,EACA,MAAAC,EACA,UAAAC,EAAY,SACZ,UAAAC,EAAY,EACd,EAAiB,CACf,MAAMC,EAAaC,EAAAA,QAAO,kBAAkBR,EAAM,YAAA,CAAa,EAAE,GAAK,GAEhES,EAAY,CAACD,UAAO,QAASD,EAAYD,CAAS,EACrD,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEI,EAAAA,KAAC,MAAA,CAAI,UAAWD,EACd,SAAA,CAAAC,EAAAA,KAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,mBACrB,SAAA,CAAAE,EAAAA,KAAC,MAAA,CACC,UAAW,CACTF,EAAAA,QAAO,iBACPJ,GAASC,IAAc,QACnBG,EAAAA,QAAO,+BAA+B,EACtC,EAAA,EAEH,OAAO,OAAO,EACd,KAAK,GAAG,EAEV,SAAA,CAAAJ,EACCO,EAAAA,IAACC,EAAAA,QAAA,CAAM,MAAAR,EAAc,KAAMC,IAAc,QAAU,KAAO,IAAA,CAAM,EAEhEF,GAAQ,MACNQ,EAAAA,IAAC,OAAA,CAAK,UAAWH,EAAAA,QAAO,cAAkB,cAAW,GACnD,SAAAG,EAAAA,IAACE,EAAAA,gBAAgB,SAAhB,CAAyB,MAAO,CAAE,KAAM,IAAA,EACtC,WACH,EACF,QAGH,OAAA,CAAK,UAAWL,EAAAA,QAAO,eAAoB,SAAAT,CAAA,CAAM,CAAA,CAAA,CAAA,EAGnDG,GAAgBA,EAAa,OAAS,SACpC,MAAA,CAAI,UAAWM,EAAAA,QAAO,mBACrB,SAAAG,EAAAA,IAACG,EAAAA,iBAAA,CACC,OAAQZ,EAAa,IAAKa,GAAQA,EAAI,KAAK,EAC3C,SAAS,WACT,KAAK,OAAA,CAAA,EAET,EAGDd,GAAQ,MAAQA,IAAS,GACxBU,EAAAA,IAAC,OAAA,CAAK,UAAWH,EAAAA,QAAO,cAAmB,SAAAP,CAAA,CAAK,EAC9C,IAAA,EACN,QAEC,MAAA,CAAI,UAAWO,EAAAA,QAAO,eAAmB,cAAW,EAAA,CAAC,CAAA,EACxD,CAEJ"}

package/dist/components/tooltip/Tooltip.css

@@ -1 +1 @@
-._tooltip_31gdg_2{display:inline-flex;align-items:flex-start;align-self:flex-start;position:relative}._tooltip__container_31gdg_8{display:flex;flex-direction:column;align-items:center;max-width:200px;box-sizing:border-box;background-color:var(--neutral-1200);border-radius:var(--radius-s);padding:var(--spacing-xxs) var(--spacing-s);box-shadow:var(--elevation-3);gap:var(--spacing-xxs)}._tooltip__content_31gdg_20{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--spacing-xs);min-width:0;width:100%;padding:.5px 0}._tooltip__icon_31gdg_30{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--neutral-0)}._tooltip__label_31gdg_37{font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75);color:var(--neutral-0);min-width:0;text-align:center;white-space:normal;overflow-wrap:break-word}._tooltip__shortcuts_31gdg_47{display:flex;align-items:center;gap:var(--spacing-xxxxs)}._tooltip__hint_31gdg_52{align-self:stretch;font-size:var(--font-size-50);font-weight:var(--font-weight-semibold);line-height:var(--line-height-25);letter-spacing:.11px;color:color-mix(in srgb,var(--neutral-0) 75%,transparent);min-width:0;text-align:center;white-space:normal;overflow-wrap:break-word}._tooltip__arrow_31gdg_64{flex-shrink:0;width:4px;height:8px;position:relative;align-self:center}._tooltip__arrow_31gdg_64:before{content:"";position:absolute;top:50%;left:0;width:0;height:0;transform:translateY(-50%);border-style:solid;border-color:transparent transparent transparent var(--neutral-1200);border-width:4px 0 4px 4px}._tooltip--arrow-right_31gdg_83{flex-direction:row}._tooltip--arrow-left_31gdg_86{flex-direction:row-reverse}._tooltip--arrow-left_31gdg_86 ._tooltip__arrow_31gdg_64:before{border-color:transparent var(--neutral-1200) transparent transparent;border-width:4px 4px 4px 0;top:50%;right:0;left:auto;transform:translateY(-50%)}._tooltip--arrow-bottom_31gdg_97{flex-direction:column}._tooltip--arrow-bottom_31gdg_97 ._tooltip__arrow_31gdg_64{width:8px;height:4px}._tooltip--arrow-bottom_31gdg_97 ._tooltip__arrow_31gdg_64:before{border-width:4px 4px 0;border-color:var(--neutral-1200) transparent transparent;top:0;left:50%;transform:translate(-50%)}._tooltip--arrow-top_31gdg_111{flex-direction:column-reverse}._tooltip--arrow-top_31gdg_111 ._tooltip__arrow_31gdg_64{width:8px;height:4px}._tooltip--arrow-top_31gdg_111 ._tooltip__arrow_31gdg_64:before{border-color:transparent transparent var(--neutral-1200) transparent;border-width:0 4px 4px 4px;bottom:0;left:50%;top:auto;transform:translate(-50%)}
+._tooltip_kbqfv_13{display:inline-flex;align-items:flex-start;align-self:flex-start;position:relative}._tooltip__container_kbqfv_19{display:flex;flex-direction:column;align-items:center;max-width:200px;box-sizing:border-box;background-color:var(--neutral-1200);border-radius:var(--radius-s);padding:var(--spacing-xxs) var(--spacing-s);box-shadow:var(--elevation-3);gap:var(--spacing-xxs)}._tooltip__content_kbqfv_31{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--spacing-xs);min-width:0;width:100%;padding:.5px 0}._tooltip__content--emoji-large_kbqfv_41{flex-direction:column;flex-wrap:nowrap;gap:var(--spacing-xxxxs)}._tooltip__icon_kbqfv_46{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--neutral-0)}._tooltip__label_kbqfv_53{font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75);color:var(--neutral-0);min-width:0;text-align:center;white-space:normal;overflow-wrap:break-word}._tooltip__shortcuts_kbqfv_63{display:flex;align-items:center;gap:var(--spacing-xxxxs)}._tooltip__hint_kbqfv_68{align-self:stretch;font-size:var(--font-size-50);font-weight:var(--font-weight-semibold);line-height:var(--line-height-25);letter-spacing:.11px;color:color-mix(in srgb,var(--neutral-0) 75%,transparent);min-width:0;text-align:center;white-space:normal;overflow-wrap:break-word}._tooltip__arrow_kbqfv_80{flex-shrink:0;width:4px;height:8px;position:relative;align-self:center}._tooltip__arrow_kbqfv_80:before{content:"";position:absolute;top:50%;left:0;width:0;height:0;transform:translateY(-50%);border-style:solid;border-color:transparent transparent transparent var(--neutral-1200);border-width:4px 0 4px 4px}._tooltip--arrow-right_kbqfv_99{flex-direction:row}._tooltip--arrow-left_kbqfv_102{flex-direction:row-reverse}._tooltip--arrow-left_kbqfv_102 ._tooltip__arrow_kbqfv_80:before{border-color:transparent var(--neutral-1200) transparent transparent;border-width:4px 4px 4px 0;top:50%;right:0;left:auto;transform:translateY(-50%)}._tooltip--arrow-bottom_kbqfv_113{flex-direction:column}._tooltip--arrow-bottom_kbqfv_113 ._tooltip__arrow_kbqfv_80{width:8px;height:4px}._tooltip--arrow-bottom_kbqfv_113 ._tooltip__arrow_kbqfv_80:before{border-width:4px 4px 0;border-color:var(--neutral-1200) transparent transparent;top:0;left:50%;transform:translate(-50%)}._tooltip--arrow-top_kbqfv_127{flex-direction:column-reverse}._tooltip--arrow-top_kbqfv_127 ._tooltip__arrow_kbqfv_80{width:8px;height:4px}._tooltip--arrow-top_kbqfv_127 ._tooltip__arrow_kbqfv_80:before{border-color:transparent transparent var(--neutral-1200) transparent;border-width:0 4px 4px 4px;bottom:0;left:50%;top:auto;transform:translate(-50%)}

package/dist/components/tooltip/Tooltip.d.ts

@@ -1,5 +1,7 @@
 import { ReactNode } from 'react';
 export type TooltipArrow = 'top' | 'right' | 'bottom' | 'left';
+/** `inline` sits beside the label; `large` stacks above it (e.g. a custom status). */
+export type TooltipEmojiSize = 'inline' | 'large';
 export interface TooltipShortcutKey {
     label: string;
 }
@@ -14,6 +16,13 @@ export interface TooltipProps {
     shortcutKeys?: TooltipShortcutKey[];
     /** Optional leading icon — pass `<Icon glyph={<SomeIcon />} />`; Tooltip provides the correct size via context. */
     icon?: ReactNode;
+    /**
+     * Optional emoji character. Decorative (`aria-hidden`), so the label must carry the
+     * meaning. Replaces `icon` when both are passed.
+     */
+    emoji?: string;
+    /** Emoji placement: `inline` beside the label (12px) or `large` above it (40px). Default: inline. */
+    emojiSize?: TooltipEmojiSize;
     /** Optional CSS class name. */
     className?: string;
 }
@@ -22,5 +31,5 @@ export interface TooltipProps {
  * behind it isn't fully self-explanatory — an Icon Button, a truncated label, a keyboard
  * shortcut. Don't reach for one when the label is already on screen.
  */
-export default function Tooltip({ label, arrow, hint, shortcutKeys, icon, className, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export default function Tooltip({ label, arrow, hint, shortcutKeys, icon, emoji, emojiSize, className, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Tooltip.d.ts.map

package/dist/components/tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE/D,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YAAY;IAC3B,4EAA4E;IAC5E,KAAK,EAAE,SAAS,CAAC;IACjB,uCAAuC;IACvC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,yDAAyD;IACzD,YAAY,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACpC,mHAAmH;IACnH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,KAAK,EACL,KAAe,EACf,IAAI,EACJ,YAAY,EACZ,IAAI,EACJ,SAAc,GACf,EAAE,YAAY,2CAuCd"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE/D,sFAAsF;AACtF,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,OAAO,CAAC;AAElD,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YAAY;IAC3B,4EAA4E;IAC5E,KAAK,EAAE,SAAS,CAAC;IACjB,uCAAuC;IACvC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,yDAAyD;IACzD,YAAY,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACpC,mHAAmH;IACnH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qGAAqG;IACrG,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,KAAK,EACL,KAAe,EACf,IAAI,EACJ,YAAY,EACZ,IAAI,EACJ,KAAK,EACL,SAAoB,EACpB,SAAc,GACf,EAAE,YAAY,2CAoDd"}

package/dist/components/tooltip/Tooltip.js

@@ -1,26 +1,38 @@
-import { jsxs as i, jsx as l } from "react/jsx-runtime";
-import { IconSlotContext as m } from "../icon/Icon.js";
-import { ShortcutTagGroup as _ } from "../shortcut-tag/ShortcutTag.js";
+import { jsxs as r, jsx as l } from "react/jsx-runtime";
+import h from "../emoji/Emoji.js";
+import { IconSlotContext as u } from "../icon/Icon.js";
+import { ShortcutTagGroup as f } from "../shortcut-tag/ShortcutTag.js";
 import o from "./Tooltip.module.scss.js";
-function v({
-  label: r,
-  arrow: s = "right",
+function C({
+  label: s,
+  arrow: c = "right",
   hint: t,
   shortcutKeys: a,
   icon: e,
-  className: n = ""
+  emoji: i,
+  emojiSize: n = "inline",
+  className: p = ""
 }) {
-  const c = o[`tooltip--arrow-${s.toLowerCase()}`] ?? "", p = [o.tooltip, c, n].filter(Boolean).join(" ");
-  return /* @__PURE__ */ i("div", { className: p, children: [
-    /* @__PURE__ */ i("div", { className: o.tooltip__container, children: [
-      /* @__PURE__ */ i("div", { className: o.tooltip__content, children: [
-        e != null && /* @__PURE__ */ l("span", { className: o.tooltip__icon, "aria-hidden": !0, children: /* @__PURE__ */ l(m.Provider, { value: { size: "16" }, children: e }) }),
-        /* @__PURE__ */ l("span", { className: o.tooltip__label, children: r })
-      ] }),
+  const d = o[`tooltip--arrow-${c.toLowerCase()}`] ?? "", m = [o.tooltip, d, p].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r("div", { className: m, children: [
+    /* @__PURE__ */ r("div", { className: o.tooltip__container, children: [
+      /* @__PURE__ */ r(
+        "div",
+        {
+          className: [
+            o.tooltip__content,
+            i && n === "large" ? o["tooltip__content--emoji-large"] : ""
+          ].filter(Boolean).join(" "),
+          children: [
+            i ? /* @__PURE__ */ l(h, { emoji: i, size: n === "large" ? "40" : "12" }) : e != null && /* @__PURE__ */ l("span", { className: o.tooltip__icon, "aria-hidden": !0, children: /* @__PURE__ */ l(u.Provider, { value: { size: "16" }, children: e }) }),
+            /* @__PURE__ */ l("span", { className: o.tooltip__label, children: s })
+          ]
+        }
+      ),
       a && a.length > 0 && /* @__PURE__ */ l("div", { className: o.tooltip__shortcuts, children: /* @__PURE__ */ l(
-        _,
+        f,
         {
-          labels: a.map((d) => d.label),
+          labels: a.map((_) => _.label),
           location: "tooltips",
           size: "small"
         }
@@ -31,6 +43,6 @@ function v({
   ] });
 }
 export {
-  v as default
+  C as default
 };
 //# sourceMappingURL=Tooltip.js.map

package/dist/components/tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport { ShortcutTagGroup } from '@/components/shortcut-tag/ShortcutTag';\nimport styles from './Tooltip.module.scss';\n\nexport type TooltipArrow = 'top' | 'right' | 'bottom' | 'left';\n\nexport interface TooltipShortcutKey {\n  label: string;\n}\n\nexport interface TooltipProps {\n  /** Tooltip label. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n  label: ReactNode;\n  /** Arrow direction. Default: Right. */\n  arrow?: TooltipArrow;\n  /** Optional hint text shown below label. */\n  hint?: ReactNode;\n  /** Optional keyboard shortcut keys shown below label. */\n  shortcutKeys?: TooltipShortcutKey[];\n  /** Optional leading icon — pass `<Icon glyph={<SomeIcon />} />`; Tooltip provides the correct size via context. */\n  icon?: ReactNode;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\n/**\n * Tooltips surface short, supporting text on hover. Reach for a tooltip when the affordance\n * behind it isn't fully self-explanatory — an Icon Button, a truncated label, a keyboard\n * shortcut. Don't reach for one when the label is already on screen.\n */\nexport default function Tooltip({\n  label,\n  arrow = 'right',\n  hint,\n  shortcutKeys,\n  icon,\n  className = '',\n}: TooltipProps) {\n  const arrowClass = styles[`tooltip--arrow-${arrow.toLowerCase()}`] ?? '';\n\n  const rootClass = [styles.tooltip, arrowClass, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass}>\n      <div className={styles['tooltip__container']}>\n        <div className={styles['tooltip__content']}>\n          {icon != null && (\n            <span className={styles['tooltip__icon']} aria-hidden>\n              <IconSlotContext.Provider value={{ size: '16' }}>\n                {icon}\n              </IconSlotContext.Provider>\n            </span>\n          )}\n          <span className={styles['tooltip__label']}>{label}</span>\n        </div>\n\n        {shortcutKeys && shortcutKeys.length > 0 && (\n          <div className={styles['tooltip__shortcuts']}>\n            <ShortcutTagGroup\n              labels={shortcutKeys.map((key) => key.label)}\n              location=\"tooltips\"\n              size=\"small\"\n            />\n          </div>\n        )}\n\n        {hint != null && hint !== '' ? (\n          <span className={styles['tooltip__hint']}>{hint}</span>\n        ) : null}\n      </div>\n\n      <div className={styles['tooltip__arrow']} aria-hidden />\n    </div>\n  );\n}\n"],"names":["Tooltip","label","arrow","hint","shortcutKeys","icon","className","arrowClass","styles","rootClass","jsxs","jsx","IconSlotContext","ShortcutTagGroup","key"],"mappings":";;;;AA+BA,SAAwBA,EAAQ;AAAA,EAC9B,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAAiB;AACf,QAAMC,IAAaC,EAAO,kBAAkBN,EAAM,YAAA,CAAa,EAAE,KAAK,IAEhEO,IAAY,CAACD,EAAO,SAASD,GAAYD,CAAS,EACrD,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAI,EAAC,OAAA,EAAI,WAAWD,GACd,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWF,EAAO,oBACrB,UAAA;AAAA,MAAA,gBAAAE,EAAC,OAAA,EAAI,WAAWF,EAAO,kBACpB,UAAA;AAAA,QAAAH,KAAQ,QACP,gBAAAM,EAAC,QAAA,EAAK,WAAWH,EAAO,eAAkB,eAAW,IACnD,4BAACI,EAAgB,UAAhB,EAAyB,OAAO,EAAE,MAAM,KAAA,GACtC,aACH,GACF;AAAA,0BAED,QAAA,EAAK,WAAWJ,EAAO,gBAAoB,UAAAP,EAAA,CAAM;AAAA,MAAA,GACpD;AAAA,MAECG,KAAgBA,EAAa,SAAS,uBACpC,OAAA,EAAI,WAAWI,EAAO,oBACrB,UAAA,gBAAAG;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,QAAQT,EAAa,IAAI,CAACU,MAAQA,EAAI,KAAK;AAAA,UAC3C,UAAS;AAAA,UACT,MAAK;AAAA,QAAA;AAAA,MAAA,GAET;AAAA,MAGDX,KAAQ,QAAQA,MAAS,KACxB,gBAAAQ,EAAC,QAAA,EAAK,WAAWH,EAAO,eAAmB,UAAAL,EAAA,CAAK,IAC9C;AAAA,IAAA,GACN;AAAA,sBAEC,OAAA,EAAI,WAAWK,EAAO,gBAAmB,eAAW,GAAA,CAAC;AAAA,EAAA,GACxD;AAEJ;"}
+{"version":3,"file":"Tooltip.js","sources":["../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport Emoji from '@/components/emoji/Emoji';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport { ShortcutTagGroup } from '@/components/shortcut-tag/ShortcutTag';\nimport styles from './Tooltip.module.scss';\n\nexport type TooltipArrow = 'top' | 'right' | 'bottom' | 'left';\n\n/** `inline` sits beside the label; `large` stacks above it (e.g. a custom status). */\nexport type TooltipEmojiSize = 'inline' | 'large';\n\nexport interface TooltipShortcutKey {\n  label: string;\n}\n\nexport interface TooltipProps {\n  /** Tooltip label. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n  label: ReactNode;\n  /** Arrow direction. Default: Right. */\n  arrow?: TooltipArrow;\n  /** Optional hint text shown below label. */\n  hint?: ReactNode;\n  /** Optional keyboard shortcut keys shown below label. */\n  shortcutKeys?: TooltipShortcutKey[];\n  /** Optional leading icon — pass `<Icon glyph={<SomeIcon />} />`; Tooltip provides the correct size via context. */\n  icon?: ReactNode;\n  /**\n   * Optional emoji character. Decorative (`aria-hidden`), so the label must carry the\n   * meaning. Replaces `icon` when both are passed.\n   */\n  emoji?: string;\n  /** Emoji placement: `inline` beside the label (12px) or `large` above it (40px). Default: inline. */\n  emojiSize?: TooltipEmojiSize;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\n/**\n * Tooltips surface short, supporting text on hover. Reach for a tooltip when the affordance\n * behind it isn't fully self-explanatory — an Icon Button, a truncated label, a keyboard\n * shortcut. Don't reach for one when the label is already on screen.\n */\nexport default function Tooltip({\n  label,\n  arrow = 'right',\n  hint,\n  shortcutKeys,\n  icon,\n  emoji,\n  emojiSize = 'inline',\n  className = '',\n}: TooltipProps) {\n  const arrowClass = styles[`tooltip--arrow-${arrow.toLowerCase()}`] ?? '';\n\n  const rootClass = [styles.tooltip, arrowClass, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass}>\n      <div className={styles['tooltip__container']}>\n        <div\n          className={[\n            styles['tooltip__content'],\n            emoji && emojiSize === 'large'\n              ? styles['tooltip__content--emoji-large']\n              : '',\n          ]\n            .filter(Boolean)\n            .join(' ')}\n        >\n          {emoji ? (\n            <Emoji emoji={emoji} size={emojiSize === 'large' ? '40' : '12'} />\n          ) : (\n            icon != null && (\n              <span className={styles['tooltip__icon']} aria-hidden>\n                <IconSlotContext.Provider value={{ size: '16' }}>\n                  {icon}\n                </IconSlotContext.Provider>\n              </span>\n            )\n          )}\n          <span className={styles['tooltip__label']}>{label}</span>\n        </div>\n\n        {shortcutKeys && shortcutKeys.length > 0 && (\n          <div className={styles['tooltip__shortcuts']}>\n            <ShortcutTagGroup\n              labels={shortcutKeys.map((key) => key.label)}\n              location=\"tooltips\"\n              size=\"small\"\n            />\n          </div>\n        )}\n\n        {hint != null && hint !== '' ? (\n          <span className={styles['tooltip__hint']}>{hint}</span>\n        ) : null}\n      </div>\n\n      <div className={styles['tooltip__arrow']} aria-hidden />\n    </div>\n  );\n}\n"],"names":["Tooltip","label","arrow","hint","shortcutKeys","icon","emoji","emojiSize","className","arrowClass","styles","rootClass","jsxs","jsx","Emoji","IconSlotContext","ShortcutTagGroup","key"],"mappings":";;;;;AA0CA,SAAwBA,EAAQ;AAAA,EAC9B,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AACd,GAAiB;AACf,QAAMC,IAAaC,EAAO,kBAAkBR,EAAM,YAAA,CAAa,EAAE,KAAK,IAEhES,IAAY,CAACD,EAAO,SAASD,GAAYD,CAAS,EACrD,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAI,EAAC,OAAA,EAAI,WAAWD,GACd,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWF,EAAO,oBACrB,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,YACTF,EAAO;AAAA,YACPJ,KAASC,MAAc,UACnBG,EAAO,+BAA+B,IACtC;AAAA,UAAA,EAEH,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,UAEV,UAAA;AAAA,YAAAJ,IACC,gBAAAO,EAACC,GAAA,EAAM,OAAAR,GAAc,MAAMC,MAAc,UAAU,OAAO,KAAA,CAAM,IAEhEF,KAAQ,QACN,gBAAAQ,EAAC,QAAA,EAAK,WAAWH,EAAO,eAAkB,eAAW,IACnD,UAAA,gBAAAG,EAACE,EAAgB,UAAhB,EAAyB,OAAO,EAAE,MAAM,KAAA,GACtC,aACH,GACF;AAAA,8BAGH,QAAA,EAAK,WAAWL,EAAO,gBAAoB,UAAAT,EAAA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGnDG,KAAgBA,EAAa,SAAS,uBACpC,OAAA,EAAI,WAAWM,EAAO,oBACrB,UAAA,gBAAAG;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,QAAQZ,EAAa,IAAI,CAACa,MAAQA,EAAI,KAAK;AAAA,UAC3C,UAAS;AAAA,UACT,MAAK;AAAA,QAAA;AAAA,MAAA,GAET;AAAA,MAGDd,KAAQ,QAAQA,MAAS,KACxB,gBAAAU,EAAC,QAAA,EAAK,WAAWH,EAAO,eAAmB,UAAAP,EAAA,CAAK,IAC9C;AAAA,IAAA,GACN;AAAA,sBAEC,OAAA,EAAI,WAAWO,EAAO,gBAAmB,eAAW,GAAA,CAAC;AAAA,EAAA,GACxD;AAEJ;"}

package/dist/components/tooltip/Tooltip.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Tooltip.css');const t="_tooltip_31gdg_2",o="_tooltip__container_31gdg_8",_="_tooltip__content_31gdg_20",i="_tooltip__icon_31gdg_30",l="_tooltip__label_31gdg_37",p="_tooltip__shortcuts_31gdg_47",r="_tooltip__hint_31gdg_52",n="_tooltip__arrow_31gdg_64",e={tooltip:t,tooltip__container:o,tooltip__content:_,tooltip__icon:i,tooltip__label:l,tooltip__shortcuts:p,tooltip__hint:r,tooltip__arrow:n,"tooltip--arrow-right":"_tooltip--arrow-right_31gdg_83","tooltip--arrow-left":"_tooltip--arrow-left_31gdg_86","tooltip--arrow-bottom":"_tooltip--arrow-bottom_31gdg_97","tooltip--arrow-top":"_tooltip--arrow-top_31gdg_111"};exports.default=e;exports.tooltip=t;exports.tooltip__arrow=n;exports.tooltip__container=o;exports.tooltip__content=_;exports.tooltip__hint=r;exports.tooltip__icon=i;exports.tooltip__label=l;exports.tooltip__shortcuts=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Tooltip.css');const t="_tooltip_kbqfv_13",o="_tooltip__container_kbqfv_19",_="_tooltip__content_kbqfv_31",i="_tooltip__icon_kbqfv_46",l="_tooltip__label_kbqfv_53",p="_tooltip__shortcuts_kbqfv_63",r="_tooltip__hint_kbqfv_68",n="_tooltip__arrow_kbqfv_80",e={tooltip:t,tooltip__container:o,tooltip__content:_,"tooltip__content--emoji-large":"_tooltip__content--emoji-large_kbqfv_41",tooltip__icon:i,tooltip__label:l,tooltip__shortcuts:p,tooltip__hint:r,tooltip__arrow:n,"tooltip--arrow-right":"_tooltip--arrow-right_kbqfv_99","tooltip--arrow-left":"_tooltip--arrow-left_kbqfv_102","tooltip--arrow-bottom":"_tooltip--arrow-bottom_kbqfv_113","tooltip--arrow-top":"_tooltip--arrow-top_kbqfv_127"};exports.default=e;exports.tooltip=t;exports.tooltip__arrow=n;exports.tooltip__container=o;exports.tooltip__content=_;exports.tooltip__hint=r;exports.tooltip__icon=i;exports.tooltip__label=l;exports.tooltip__shortcuts=p;
 //# sourceMappingURL=Tooltip.module.scss.cjs.map

package/dist/components/tooltip/Tooltip.module.scss.js

@@ -1,19 +1,20 @@
-import './Tooltip.css';const t = "_tooltip_31gdg_2", o = "_tooltip__container_31gdg_8", _ = "_tooltip__content_31gdg_20", i = "_tooltip__icon_31gdg_30", l = "_tooltip__label_31gdg_37", p = "_tooltip__shortcuts_31gdg_47", r = "_tooltip__hint_31gdg_52", n = "_tooltip__arrow_31gdg_64", g = {
+import './Tooltip.css';const t = "_tooltip_kbqfv_13", o = "_tooltip__container_kbqfv_19", _ = "_tooltip__content_kbqfv_31", i = "_tooltip__icon_kbqfv_46", l = "_tooltip__label_kbqfv_53", p = "_tooltip__shortcuts_kbqfv_63", r = "_tooltip__hint_kbqfv_68", n = "_tooltip__arrow_kbqfv_80", c = {
   tooltip: t,
   tooltip__container: o,
   tooltip__content: _,
+  "tooltip__content--emoji-large": "_tooltip__content--emoji-large_kbqfv_41",
   tooltip__icon: i,
   tooltip__label: l,
   tooltip__shortcuts: p,
   tooltip__hint: r,
   tooltip__arrow: n,
-  "tooltip--arrow-right": "_tooltip--arrow-right_31gdg_83",
-  "tooltip--arrow-left": "_tooltip--arrow-left_31gdg_86",
-  "tooltip--arrow-bottom": "_tooltip--arrow-bottom_31gdg_97",
-  "tooltip--arrow-top": "_tooltip--arrow-top_31gdg_111"
+  "tooltip--arrow-right": "_tooltip--arrow-right_kbqfv_99",
+  "tooltip--arrow-left": "_tooltip--arrow-left_kbqfv_102",
+  "tooltip--arrow-bottom": "_tooltip--arrow-bottom_kbqfv_113",
+  "tooltip--arrow-top": "_tooltip--arrow-top_kbqfv_127"
 };
 export {
-  g as default,
+  c as default,
   t as tooltip,
   n as tooltip__arrow,
   o as tooltip__container,

package/dist/components/tooltip/Tooltip.module.scss.js.map

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

package/dist/components/tooltip/index.d.ts

@@ -1,3 +1,3 @@
 export { default as Tooltip } from './Tooltip';
-export type { TooltipProps, TooltipArrow, TooltipShortcutKey } from './Tooltip';
+export type { TooltipProps, TooltipArrow, TooltipEmojiSize, TooltipShortcutKey, } from './Tooltip';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,YAAY,EACV,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,WAAW,CAAC"}

package/dist/components/tour-point/TourPoint.css

@@ -1 +1 @@
-@keyframes _tour-point-panel-in_ujjyx_1{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes _tour-point-pulse-ring_ujjyx_1{0%{transform:scale(1);opacity:0}2.25%{opacity:.52}8.25%{opacity:.38}37.5%,to{transform:scale(4.25);opacity:0}}._tour-point_ujjyx_28{position:relative;display:inline-flex;flex-direction:column;align-items:stretch;max-width:352px;min-width:280px}._tour-point__pointer_ujjyx_36{position:absolute;z-index:2;pointer-events:none;overflow:visible}._tour-point__pointer-triangle_ujjyx_42{position:relative;z-index:2;display:block;width:100%;height:100%;background-color:var(--button-bg)}._tour-point__pointer-pulse_ujjyx_50{position:absolute;z-index:0;width:40px;height:40px;pointer-events:none}._tour-point__pointer-pulse-ring_ujjyx_57{position:absolute;left:50%;top:50%;z-index:0;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:var(--radius-pill);background-color:rgba(var(--color-success-rgb),.36);transform-origin:center center;animation:_tour-point-pulse-ring_ujjyx_1 calc(4 * var(--duration-moderate) + 40 * var(--duration-quick) / 3) linear infinite;will-change:transform,opacity}._tour-point__pointer-pulse-ring--delay_ujjyx_71{animation-delay:calc(2 * var(--duration-moderate))}@media(prefers-reduced-motion:reduce){._tour-point__pointer-pulse-ring_ujjyx_57{animation:none;opacity:0}}._tour-point__pointer-pulse-core_ujjyx_80{position:absolute;left:50%;top:50%;z-index:1;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:var(--radius-pill);background-color:var(--color-success)}._tour-point__panel_ujjyx_91{position:relative;z-index:1;display:flex;flex-direction:column;border-radius:var(--radius-m);background-color:var(--button-bg);box-shadow:var(--elevation-4);animation:_tour-point-panel-in_ujjyx_1 var(--duration-quick) var(--ease-entrance) both}._tour-point--pointer-top-center_ujjyx_101 ._tour-point__panel_ujjyx_91,._tour-point--pointer-top-left_ujjyx_101 ._tour-point__panel_ujjyx_91,._tour-point--pointer-top-right_ujjyx_101 ._tour-point__panel_ujjyx_91{transform-origin:50% 0}._tour-point--pointer-bottom-center_ujjyx_104 ._tour-point__panel_ujjyx_91,._tour-point--pointer-bottom-left_ujjyx_104 ._tour-point__panel_ujjyx_91,._tour-point--pointer-bottom-right_ujjyx_104 ._tour-point__panel_ujjyx_91{transform-origin:50% 100%}._tour-point--pointer-left-center_ujjyx_107 ._tour-point__panel_ujjyx_91{transform-origin:0 50%}._tour-point--pointer-right-center_ujjyx_110 ._tour-point__panel_ujjyx_91{transform-origin:100% 50%}._tour-point__header_ujjyx_113{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-m);padding:var(--spacing-xl) var(--spacing-xl) 0}._tour-point_ujjyx_28 ._tour-point__panel_ujjyx_91 ._tour-point__header_ujjyx_113 ._tour-point__close_ujjyx_120{--focus-ring-color: var(--button-color);position:relative;top:-4px;right:-4px;color:color-mix(in srgb,var(--button-color) 64%,transparent)}._tour-point_ujjyx_28 ._tour-point__panel_ujjyx_91 ._tour-point__header_ujjyx_113 ._tour-point__close_ujjyx_120:hover:not(:disabled):not(:active){background-color:color-mix(in srgb,var(--button-color) 8%,transparent);color:color-mix(in srgb,var(--button-color) 75%,transparent)}._tour-point_ujjyx_28 ._tour-point__panel_ujjyx_91 ._tour-point__header_ujjyx_113 ._tour-point__close_ujjyx_120:active:not(:disabled){background-color:color-mix(in srgb,var(--button-color) 20%,transparent)}._tour-point__title_ujjyx_134{margin:0;padding-right:var(--spacing-xs);font-family:var(--font-family-body);font-size:var(--font-size-100);font-weight:var(--font-weight-semibold);line-height:var(--line-height-100);color:var(--neutral-0)}._tour-point__body_ujjyx_143{display:flex;flex-direction:column;gap:var(--spacing-m);padding:var(--spacing-m) var(--spacing-xl) var(--spacing-xl)}._tour-point__description_ujjyx_149{font-size:var(--font-size-100);font-weight:var(--font-weight-regular);line-height:var(--line-height-100);color:color-mix(in srgb,var(--neutral-0) 92%,transparent)}._tour-point__media_ujjyx_155{border-radius:var(--radius-s);background-color:var(--color-blue-800);padding:var(--spacing-m);color:color-mix(in srgb,var(--neutral-0) 88%,transparent);font-size:var(--font-size-75);line-height:var(--line-height-100);border:1px solid color-mix(in srgb,var(--neutral-0) 20%,transparent)}._tour-point__media_ujjyx_155 img{display:block;width:100%;height:auto;border-radius:var(--radius-xs)}._tour-point__footer_ujjyx_170{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-l);padding:0 var(--spacing-xl) var(--spacing-xl)}._tour-point__footer-spacer_ujjyx_177{flex:1 0 0;min-width:0}._tour-point__progress_ujjyx_181,._tour-point__next-wrap_ujjyx_184{flex-shrink:0}._tour-point__next-wrap_ujjyx_184 button{--focus-ring-color: var(--neutral-0);--button-fg: var(--button-bg);background-color:var(--neutral-0);border-color:transparent;color:var(--button-bg);transition:background-color var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition),outline-color var(--duration-quick) var(--ease-transition),outline-offset var(--duration-quick) var(--ease-transition)}._tour-point__next-wrap_ujjyx_184 button:hover:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 92%,transparent)}._tour-point__next-wrap_ujjyx_184 button:active:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 86%,transparent)}._tour-point--pointer-top-center_ujjyx_101 ._tour-point__pointer_ujjyx_36{top:-9px;left:50%;width:18px;height:9px;transform:translate(-50%)}._tour-point--pointer-top-center_ujjyx_101 ._tour-point__pointer-triangle_ujjyx_42{clip-path:polygon(50% 0%,0% 100%,100% 100%)}._tour-point--pointer-top-center_ujjyx_101 ._tour-point__pointer-pulse_ujjyx_50{left:50%;top:0;margin-left:-20px;margin-top:-20px}._tour-point--pointer-top-left_ujjyx_101 ._tour-point__pointer_ujjyx_36{top:-9px;left:var(--spacing-xl);width:18px;height:9px;transform:translate(-50%)}._tour-point--pointer-top-left_ujjyx_101 ._tour-point__pointer-triangle_ujjyx_42{clip-path:polygon(50% 0%,0% 100%,100% 100%)}._tour-point--pointer-top-left_ujjyx_101 ._tour-point__pointer-pulse_ujjyx_50{left:50%;top:0;margin-left:-20px;margin-top:-20px}._tour-point--pointer-top-right_ujjyx_101 ._tour-point__pointer_ujjyx_36{top:-9px;right:var(--spacing-xl);width:18px;height:9px;transform:translate(50%)}._tour-point--pointer-top-right_ujjyx_101 ._tour-point__pointer-triangle_ujjyx_42{clip-path:polygon(50% 0%,0% 100%,100% 100%)}._tour-point--pointer-top-right_ujjyx_101 ._tour-point__pointer-pulse_ujjyx_50{left:50%;top:0;margin-left:-20px;margin-top:-20px}._tour-point--pointer-bottom-center_ujjyx_104 ._tour-point__pointer_ujjyx_36{bottom:-9px;left:50%;width:18px;height:9px;transform:translate(-50%)}._tour-point--pointer-bottom-center_ujjyx_104 ._tour-point__pointer-triangle_ujjyx_42{clip-path:polygon(50% 100%,0% 0%,100% 0%)}._tour-point--pointer-bottom-center_ujjyx_104 ._tour-point__pointer-pulse_ujjyx_50{left:50%;bottom:0;margin-left:-20px;margin-bottom:-20px}._tour-point--pointer-bottom-left_ujjyx_104 ._tour-point__pointer_ujjyx_36{bottom:-9px;left:var(--spacing-xl);width:18px;height:9px;transform:translate(-50%)}._tour-point--pointer-bottom-left_ujjyx_104 ._tour-point__pointer-triangle_ujjyx_42{clip-path:polygon(50% 100%,0% 0%,100% 0%)}._tour-point--pointer-bottom-left_ujjyx_104 ._tour-point__pointer-pulse_ujjyx_50{left:50%;bottom:0;margin-left:-20px;margin-bottom:-20px}._tour-point--pointer-bottom-right_ujjyx_104 ._tour-point__pointer_ujjyx_36{bottom:-9px;right:var(--spacing-xl);width:18px;height:9px;transform:translate(50%)}._tour-point--pointer-bottom-right_ujjyx_104 ._tour-point__pointer-triangle_ujjyx_42{clip-path:polygon(50% 100%,0% 0%,100% 0%)}._tour-point--pointer-bottom-right_ujjyx_104 ._tour-point__pointer-pulse_ujjyx_50{left:50%;bottom:0;margin-left:-20px;margin-bottom:-20px}._tour-point--pointer-left-center_ujjyx_107 ._tour-point__pointer_ujjyx_36{left:-9px;top:50%;width:9px;height:18px;transform:translateY(-50%)}._tour-point--pointer-left-center_ujjyx_107 ._tour-point__pointer-triangle_ujjyx_42{clip-path:polygon(0% 50%,100% 0%,100% 100%)}._tour-point--pointer-left-center_ujjyx_107 ._tour-point__pointer-pulse_ujjyx_50{left:0;top:50%;margin-left:-20px;margin-top:-20px}._tour-point--pointer-right-center_ujjyx_110 ._tour-point__pointer_ujjyx_36{right:-9px;top:50%;width:9px;height:18px;transform:translateY(-50%)}._tour-point--pointer-right-center_ujjyx_110 ._tour-point__pointer-triangle_ujjyx_42{clip-path:polygon(100% 50%,0% 0%,0% 100%)}._tour-point--pointer-right-center_ujjyx_110 ._tour-point__pointer-pulse_ujjyx_50{right:0;top:50%;margin-right:-20px;margin-top:-20px}
+@keyframes _tour-point-panel-in_1kzq3_1{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes _tour-point-pulse-ring_1kzq3_1{0%{transform:scale(1);opacity:0}2.25%{opacity:.52}8.25%{opacity:.38}37.5%,to{transform:scale(4.25);opacity:0}}._tour-point_1kzq3_39{position:relative;display:inline-flex;flex-direction:column;align-items:stretch;max-width:352px;min-width:280px}._tour-point__pointer_1kzq3_47{position:absolute;z-index:2;pointer-events:none;overflow:visible}._tour-point__pointer-triangle_1kzq3_53{position:relative;z-index:2;display:block;width:100%;height:100%;background-color:var(--button-bg)}._tour-point__pointer-pulse_1kzq3_61{position:absolute;z-index:0;width:40px;height:40px;pointer-events:none}._tour-point__pointer-pulse-ring_1kzq3_68{position:absolute;left:50%;top:50%;z-index:0;width:12px;height:12px;margin:calc(-1 * var(--spacing-xxs)) 0 0 calc(-1 * var(--spacing-xxs));border-radius:var(--radius-pill);background-color:rgba(var(--color-success-rgb),.36);transform-origin:center center;animation:_tour-point-pulse-ring_1kzq3_1 calc(4 * var(--duration-moderate) + 40 * var(--duration-quick) / 3) linear infinite;will-change:transform,opacity}._tour-point__pointer-pulse-ring--delay_1kzq3_82{animation-delay:calc(2 * var(--duration-moderate))}@media(prefers-reduced-motion:reduce){._tour-point__pointer-pulse-ring_1kzq3_68{animation:none;opacity:0}}._tour-point__pointer-pulse-core_1kzq3_91{position:absolute;left:50%;top:50%;z-index:1;width:12px;height:12px;margin:calc(-1 * var(--spacing-xxs)) 0 0 calc(-1 * var(--spacing-xxs));border-radius:var(--radius-pill);background-color:var(--color-success)}._tour-point__panel_1kzq3_102{position:relative;z-index:1;display:flex;flex-direction:column;border-radius:var(--radius-m);background-color:var(--button-bg);box-shadow:var(--elevation-4);animation:_tour-point-panel-in_1kzq3_1 var(--duration-quick) var(--ease-entrance) both}._tour-point--pointer-top-center_1kzq3_112 ._tour-point__panel_1kzq3_102,._tour-point--pointer-top-left_1kzq3_112 ._tour-point__panel_1kzq3_102,._tour-point--pointer-top-right_1kzq3_112 ._tour-point__panel_1kzq3_102{transform-origin:50% 0}._tour-point--pointer-bottom-center_1kzq3_115 ._tour-point__panel_1kzq3_102,._tour-point--pointer-bottom-left_1kzq3_115 ._tour-point__panel_1kzq3_102,._tour-point--pointer-bottom-right_1kzq3_115 ._tour-point__panel_1kzq3_102{transform-origin:50% 100%}._tour-point--pointer-left-center_1kzq3_118 ._tour-point__panel_1kzq3_102{transform-origin:0 50%}._tour-point--pointer-right-center_1kzq3_121 ._tour-point__panel_1kzq3_102{transform-origin:100% 50%}._tour-point__header_1kzq3_124{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-m);padding:var(--spacing-xl) var(--spacing-xl) 0}._tour-point_1kzq3_39 ._tour-point__panel_1kzq3_102 ._tour-point__header_1kzq3_124 ._tour-point__close_1kzq3_131{--focus-ring-color: var(--button-color);position:relative;top:-4px;right:-4px;color:color-mix(in srgb,var(--button-color) 64%,transparent)}._tour-point_1kzq3_39 ._tour-point__panel_1kzq3_102 ._tour-point__header_1kzq3_124 ._tour-point__close_1kzq3_131:hover:not(:disabled):not(:active){background-color:color-mix(in srgb,var(--button-color) 8%,transparent);color:color-mix(in srgb,var(--button-color) 75%,transparent)}._tour-point_1kzq3_39 ._tour-point__panel_1kzq3_102 ._tour-point__header_1kzq3_124 ._tour-point__close_1kzq3_131:active:not(:disabled){background-color:color-mix(in srgb,var(--button-color) 20%,transparent)}._tour-point__title_1kzq3_145{margin:0;padding-right:var(--spacing-xs);font-family:var(--font-family-body);font-size:var(--font-size-100);font-weight:var(--font-weight-semibold);line-height:var(--line-height-100);color:var(--neutral-0)}._tour-point__body_1kzq3_154{display:flex;flex-direction:column;gap:var(--spacing-m);padding:var(--spacing-m) var(--spacing-xl) var(--spacing-xl)}._tour-point__description_1kzq3_160{font-size:var(--font-size-100);font-weight:var(--font-weight-regular);line-height:var(--line-height-100);color:color-mix(in srgb,var(--neutral-0) 92%,transparent)}._tour-point__media_1kzq3_166{border-radius:var(--radius-s);background-color:var(--color-blue-800);padding:var(--spacing-m);color:color-mix(in srgb,var(--neutral-0) 88%,transparent);font-size:var(--font-size-75);line-height:var(--line-height-100);border:1px solid color-mix(in srgb,var(--neutral-0) 20%,transparent)}._tour-point__media_1kzq3_166 img{display:block;width:100%;height:auto;border-radius:var(--radius-xs)}._tour-point__footer_1kzq3_181{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-l);padding:0 var(--spacing-xl) var(--spacing-xl)}._tour-point__footer-spacer_1kzq3_188{flex:1 0 0;min-width:0}._tour-point__progress_1kzq3_192,._tour-point__next-wrap_1kzq3_195{flex-shrink:0}._tour-point__next-wrap_1kzq3_195 button{--focus-ring-color: var(--neutral-0);--button-fg: var(--button-bg);background-color:var(--neutral-0);border-color:transparent;color:var(--button-bg);transition:background-color var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition)}._tour-point__next-wrap_1kzq3_195 button:hover:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 92%,transparent)}._tour-point__next-wrap_1kzq3_195 button:active:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 86%,transparent)}._tour-point--pointer-top-center_1kzq3_112 ._tour-point__pointer_1kzq3_47{top:-9px;left:50%;width:18px;height:9px;transform:translate(-50%)}._tour-point--pointer-top-center_1kzq3_112 ._tour-point__pointer-triangle_1kzq3_53{clip-path:polygon(50% 0%,0% 100%,100% 100%)}._tour-point--pointer-top-center_1kzq3_112 ._tour-point__pointer-pulse_1kzq3_61{left:50%;top:0;margin-left:calc(-1 * var(--spacing-xl));margin-top:calc(-1 * var(--spacing-xl))}._tour-point--pointer-top-left_1kzq3_112 ._tour-point__pointer_1kzq3_47{top:-9px;left:var(--spacing-xl);width:18px;height:9px;transform:translate(-50%)}._tour-point--pointer-top-left_1kzq3_112 ._tour-point__pointer-triangle_1kzq3_53{clip-path:polygon(50% 0%,0% 100%,100% 100%)}._tour-point--pointer-top-left_1kzq3_112 ._tour-point__pointer-pulse_1kzq3_61{left:50%;top:0;margin-left:calc(-1 * var(--spacing-xl));margin-top:calc(-1 * var(--spacing-xl))}._tour-point--pointer-top-right_1kzq3_112 ._tour-point__pointer_1kzq3_47{top:-9px;right:var(--spacing-xl);width:18px;height:9px;transform:translate(50%)}._tour-point--pointer-top-right_1kzq3_112 ._tour-point__pointer-triangle_1kzq3_53{clip-path:polygon(50% 0%,0% 100%,100% 100%)}._tour-point--pointer-top-right_1kzq3_112 ._tour-point__pointer-pulse_1kzq3_61{left:50%;top:0;margin-left:calc(-1 * var(--spacing-xl));margin-top:calc(-1 * var(--spacing-xl))}._tour-point--pointer-bottom-center_1kzq3_115 ._tour-point__pointer_1kzq3_47{bottom:-9px;left:50%;width:18px;height:9px;transform:translate(-50%)}._tour-point--pointer-bottom-center_1kzq3_115 ._tour-point__pointer-triangle_1kzq3_53{clip-path:polygon(50% 100%,0% 0%,100% 0%)}._tour-point--pointer-bottom-center_1kzq3_115 ._tour-point__pointer-pulse_1kzq3_61{left:50%;bottom:0;margin-left:calc(-1 * var(--spacing-xl));margin-bottom:calc(-1 * var(--spacing-xl))}._tour-point--pointer-bottom-left_1kzq3_115 ._tour-point__pointer_1kzq3_47{bottom:-9px;left:var(--spacing-xl);width:18px;height:9px;transform:translate(-50%)}._tour-point--pointer-bottom-left_1kzq3_115 ._tour-point__pointer-triangle_1kzq3_53{clip-path:polygon(50% 100%,0% 0%,100% 0%)}._tour-point--pointer-bottom-left_1kzq3_115 ._tour-point__pointer-pulse_1kzq3_61{left:50%;bottom:0;margin-left:calc(-1 * var(--spacing-xl));margin-bottom:calc(-1 * var(--spacing-xl))}._tour-point--pointer-bottom-right_1kzq3_115 ._tour-point__pointer_1kzq3_47{bottom:-9px;right:var(--spacing-xl);width:18px;height:9px;transform:translate(50%)}._tour-point--pointer-bottom-right_1kzq3_115 ._tour-point__pointer-triangle_1kzq3_53{clip-path:polygon(50% 100%,0% 0%,100% 0%)}._tour-point--pointer-bottom-right_1kzq3_115 ._tour-point__pointer-pulse_1kzq3_61{left:50%;bottom:0;margin-left:calc(-1 * var(--spacing-xl));margin-bottom:calc(-1 * var(--spacing-xl))}._tour-point--pointer-left-center_1kzq3_118 ._tour-point__pointer_1kzq3_47{left:-9px;top:50%;width:9px;height:18px;transform:translateY(-50%)}._tour-point--pointer-left-center_1kzq3_118 ._tour-point__pointer-triangle_1kzq3_53{clip-path:polygon(0% 50%,100% 0%,100% 100%)}._tour-point--pointer-left-center_1kzq3_118 ._tour-point__pointer-pulse_1kzq3_61{left:0;top:50%;margin-left:calc(-1 * var(--spacing-xl));margin-top:calc(-1 * var(--spacing-xl))}._tour-point--pointer-right-center_1kzq3_121 ._tour-point__pointer_1kzq3_47{right:-9px;top:50%;width:9px;height:18px;transform:translateY(-50%)}._tour-point--pointer-right-center_1kzq3_121 ._tour-point__pointer-triangle_1kzq3_53{clip-path:polygon(100% 50%,0% 0%,0% 100%)}._tour-point--pointer-right-center_1kzq3_121 ._tour-point__pointer-pulse_1kzq3_61{right:0;top:50%;margin-right:calc(-1 * var(--spacing-xl));margin-top:calc(-1 * var(--spacing-xl))}

package/dist/components/tour-point/TourPoint.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./TourPoint.css');const t={"tour-point":"_tour-point_ujjyx_28","tour-point__pointer":"_tour-point__pointer_ujjyx_36","tour-point__pointer-triangle":"_tour-point__pointer-triangle_ujjyx_42","tour-point__pointer-pulse":"_tour-point__pointer-pulse_ujjyx_50","tour-point__pointer-pulse-ring":"_tour-point__pointer-pulse-ring_ujjyx_57","tour-point-pulse-ring":"_tour-point-pulse-ring_ujjyx_1","tour-point__pointer-pulse-ring--delay":"_tour-point__pointer-pulse-ring--delay_ujjyx_71","tour-point__pointer-pulse-core":"_tour-point__pointer-pulse-core_ujjyx_80","tour-point__panel":"_tour-point__panel_ujjyx_91","tour-point-panel-in":"_tour-point-panel-in_ujjyx_1","tour-point--pointer-top-center":"_tour-point--pointer-top-center_ujjyx_101","tour-point--pointer-top-left":"_tour-point--pointer-top-left_ujjyx_101","tour-point--pointer-top-right":"_tour-point--pointer-top-right_ujjyx_101","tour-point--pointer-bottom-center":"_tour-point--pointer-bottom-center_ujjyx_104","tour-point--pointer-bottom-left":"_tour-point--pointer-bottom-left_ujjyx_104","tour-point--pointer-bottom-right":"_tour-point--pointer-bottom-right_ujjyx_104","tour-point--pointer-left-center":"_tour-point--pointer-left-center_ujjyx_107","tour-point--pointer-right-center":"_tour-point--pointer-right-center_ujjyx_110","tour-point__header":"_tour-point__header_ujjyx_113","tour-point__close":"_tour-point__close_ujjyx_120","tour-point__title":"_tour-point__title_ujjyx_134","tour-point__body":"_tour-point__body_ujjyx_143","tour-point__description":"_tour-point__description_ujjyx_149","tour-point__media":"_tour-point__media_ujjyx_155","tour-point__footer":"_tour-point__footer_ujjyx_170","tour-point__footer-spacer":"_tour-point__footer-spacer_ujjyx_177","tour-point__progress":"_tour-point__progress_ujjyx_181","tour-point__next-wrap":"_tour-point__next-wrap_ujjyx_184"};exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./TourPoint.css');const t={"tour-point":"_tour-point_1kzq3_39","tour-point__pointer":"_tour-point__pointer_1kzq3_47","tour-point__pointer-triangle":"_tour-point__pointer-triangle_1kzq3_53","tour-point__pointer-pulse":"_tour-point__pointer-pulse_1kzq3_61","tour-point__pointer-pulse-ring":"_tour-point__pointer-pulse-ring_1kzq3_68","tour-point-pulse-ring":"_tour-point-pulse-ring_1kzq3_1","tour-point__pointer-pulse-ring--delay":"_tour-point__pointer-pulse-ring--delay_1kzq3_82","tour-point__pointer-pulse-core":"_tour-point__pointer-pulse-core_1kzq3_91","tour-point__panel":"_tour-point__panel_1kzq3_102","tour-point-panel-in":"_tour-point-panel-in_1kzq3_1","tour-point--pointer-top-center":"_tour-point--pointer-top-center_1kzq3_112","tour-point--pointer-top-left":"_tour-point--pointer-top-left_1kzq3_112","tour-point--pointer-top-right":"_tour-point--pointer-top-right_1kzq3_112","tour-point--pointer-bottom-center":"_tour-point--pointer-bottom-center_1kzq3_115","tour-point--pointer-bottom-left":"_tour-point--pointer-bottom-left_1kzq3_115","tour-point--pointer-bottom-right":"_tour-point--pointer-bottom-right_1kzq3_115","tour-point--pointer-left-center":"_tour-point--pointer-left-center_1kzq3_118","tour-point--pointer-right-center":"_tour-point--pointer-right-center_1kzq3_121","tour-point__header":"_tour-point__header_1kzq3_124","tour-point__close":"_tour-point__close_1kzq3_131","tour-point__title":"_tour-point__title_1kzq3_145","tour-point__body":"_tour-point__body_1kzq3_154","tour-point__description":"_tour-point__description_1kzq3_160","tour-point__media":"_tour-point__media_1kzq3_166","tour-point__footer":"_tour-point__footer_1kzq3_181","tour-point__footer-spacer":"_tour-point__footer-spacer_1kzq3_188","tour-point__progress":"_tour-point__progress_1kzq3_192","tour-point__next-wrap":"_tour-point__next-wrap_1kzq3_195"};exports.default=t;
 //# sourceMappingURL=TourPoint.module.scss.cjs.map

package/dist/components/tour-point/TourPoint.module.scss.js

@@ -1,32 +1,32 @@
 import './TourPoint.css';const t = {
-  "tour-point": "_tour-point_ujjyx_28",
-  "tour-point__pointer": "_tour-point__pointer_ujjyx_36",
-  "tour-point__pointer-triangle": "_tour-point__pointer-triangle_ujjyx_42",
-  "tour-point__pointer-pulse": "_tour-point__pointer-pulse_ujjyx_50",
-  "tour-point__pointer-pulse-ring": "_tour-point__pointer-pulse-ring_ujjyx_57",
-  "tour-point-pulse-ring": "_tour-point-pulse-ring_ujjyx_1",
-  "tour-point__pointer-pulse-ring--delay": "_tour-point__pointer-pulse-ring--delay_ujjyx_71",
-  "tour-point__pointer-pulse-core": "_tour-point__pointer-pulse-core_ujjyx_80",
-  "tour-point__panel": "_tour-point__panel_ujjyx_91",
-  "tour-point-panel-in": "_tour-point-panel-in_ujjyx_1",
-  "tour-point--pointer-top-center": "_tour-point--pointer-top-center_ujjyx_101",
-  "tour-point--pointer-top-left": "_tour-point--pointer-top-left_ujjyx_101",
-  "tour-point--pointer-top-right": "_tour-point--pointer-top-right_ujjyx_101",
-  "tour-point--pointer-bottom-center": "_tour-point--pointer-bottom-center_ujjyx_104",
-  "tour-point--pointer-bottom-left": "_tour-point--pointer-bottom-left_ujjyx_104",
-  "tour-point--pointer-bottom-right": "_tour-point--pointer-bottom-right_ujjyx_104",
-  "tour-point--pointer-left-center": "_tour-point--pointer-left-center_ujjyx_107",
-  "tour-point--pointer-right-center": "_tour-point--pointer-right-center_ujjyx_110",
-  "tour-point__header": "_tour-point__header_ujjyx_113",
-  "tour-point__close": "_tour-point__close_ujjyx_120",
-  "tour-point__title": "_tour-point__title_ujjyx_134",
-  "tour-point__body": "_tour-point__body_ujjyx_143",
-  "tour-point__description": "_tour-point__description_ujjyx_149",
-  "tour-point__media": "_tour-point__media_ujjyx_155",
-  "tour-point__footer": "_tour-point__footer_ujjyx_170",
-  "tour-point__footer-spacer": "_tour-point__footer-spacer_ujjyx_177",
-  "tour-point__progress": "_tour-point__progress_ujjyx_181",
-  "tour-point__next-wrap": "_tour-point__next-wrap_ujjyx_184"
+  "tour-point": "_tour-point_1kzq3_39",
+  "tour-point__pointer": "_tour-point__pointer_1kzq3_47",
+  "tour-point__pointer-triangle": "_tour-point__pointer-triangle_1kzq3_53",
+  "tour-point__pointer-pulse": "_tour-point__pointer-pulse_1kzq3_61",
+  "tour-point__pointer-pulse-ring": "_tour-point__pointer-pulse-ring_1kzq3_68",
+  "tour-point-pulse-ring": "_tour-point-pulse-ring_1kzq3_1",
+  "tour-point__pointer-pulse-ring--delay": "_tour-point__pointer-pulse-ring--delay_1kzq3_82",
+  "tour-point__pointer-pulse-core": "_tour-point__pointer-pulse-core_1kzq3_91",
+  "tour-point__panel": "_tour-point__panel_1kzq3_102",
+  "tour-point-panel-in": "_tour-point-panel-in_1kzq3_1",
+  "tour-point--pointer-top-center": "_tour-point--pointer-top-center_1kzq3_112",
+  "tour-point--pointer-top-left": "_tour-point--pointer-top-left_1kzq3_112",
+  "tour-point--pointer-top-right": "_tour-point--pointer-top-right_1kzq3_112",
+  "tour-point--pointer-bottom-center": "_tour-point--pointer-bottom-center_1kzq3_115",
+  "tour-point--pointer-bottom-left": "_tour-point--pointer-bottom-left_1kzq3_115",
+  "tour-point--pointer-bottom-right": "_tour-point--pointer-bottom-right_1kzq3_115",
+  "tour-point--pointer-left-center": "_tour-point--pointer-left-center_1kzq3_118",
+  "tour-point--pointer-right-center": "_tour-point--pointer-right-center_1kzq3_121",
+  "tour-point__header": "_tour-point__header_1kzq3_124",
+  "tour-point__close": "_tour-point__close_1kzq3_131",
+  "tour-point__title": "_tour-point__title_1kzq3_145",
+  "tour-point__body": "_tour-point__body_1kzq3_154",
+  "tour-point__description": "_tour-point__description_1kzq3_160",
+  "tour-point__media": "_tour-point__media_1kzq3_166",
+  "tour-point__footer": "_tour-point__footer_1kzq3_181",
+  "tour-point__footer-spacer": "_tour-point__footer-spacer_1kzq3_188",
+  "tour-point__progress": "_tour-point__progress_1kzq3_192",
+  "tour-point__next-wrap": "_tour-point__next-wrap_1kzq3_195"
 };
 export {
   t as default

package/dist/components/unread-badge/UnreadBadge.css

@@ -1 +1 @@
-._unread-badge_1i73f_2{display:inline-block;flex-shrink:0;border-radius:var(--radius-pill)}._unread-badge--size-6_1i73f_7{width:6px;height:6px}._unread-badge--size-8_1i73f_11{width:8px;height:8px}._unread-badge--context-team-icon_1i73f_15{background-color:var(--mention-bg)}._unread-badge--context-icon-button_1i73f_18{background-color:var(--button-bg)}
+._unread-badge_zggqc_13{display:inline-block;flex-shrink:0;border-radius:var(--radius-pill)}._unread-badge--size-6_zggqc_18{width:6px;height:6px}._unread-badge--size-8_zggqc_22{width:8px;height:8px}._unread-badge--context-team-icon_zggqc_26{background-color:var(--mention-bg)}._unread-badge--context-icon-button_zggqc_29{background-color:var(--button-bg)}

package/dist/components/unread-badge/UnreadBadge.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./UnreadBadge.css');const e={"unread-badge":"_unread-badge_1i73f_2","unread-badge--size-6":"_unread-badge--size-6_1i73f_7","unread-badge--size-8":"_unread-badge--size-8_1i73f_11","unread-badge--context-team-icon":"_unread-badge--context-team-icon_1i73f_15","unread-badge--context-icon-button":"_unread-badge--context-icon-button_1i73f_18"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./UnreadBadge.css');const e={"unread-badge":"_unread-badge_zggqc_13","unread-badge--size-6":"_unread-badge--size-6_zggqc_18","unread-badge--size-8":"_unread-badge--size-8_zggqc_22","unread-badge--context-team-icon":"_unread-badge--context-team-icon_zggqc_26","unread-badge--context-icon-button":"_unread-badge--context-icon-button_zggqc_29"};exports.default=e;
 //# sourceMappingURL=UnreadBadge.module.scss.cjs.map

package/dist/components/unread-badge/UnreadBadge.module.scss.js

@@ -1,9 +1,9 @@
 import './UnreadBadge.css';const e = {
-  "unread-badge": "_unread-badge_1i73f_2",
-  "unread-badge--size-6": "_unread-badge--size-6_1i73f_7",
-  "unread-badge--size-8": "_unread-badge--size-8_1i73f_11",
-  "unread-badge--context-team-icon": "_unread-badge--context-team-icon_1i73f_15",
-  "unread-badge--context-icon-button": "_unread-badge--context-icon-button_1i73f_18"
+  "unread-badge": "_unread-badge_zggqc_13",
+  "unread-badge--size-6": "_unread-badge--size-6_zggqc_18",
+  "unread-badge--size-8": "_unread-badge--size-8_zggqc_22",
+  "unread-badge--context-team-icon": "_unread-badge--context-team-icon_zggqc_26",
+  "unread-badge--context-icon-button": "_unread-badge--context-icon-button_zggqc_29"
 };
 export {
   e as default

package/dist/components/user-avatar/UserAvatar.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),v=require("../status-badge/StatusBadge.cjs"),u=require("../../utils/string.cjs"),t=require("./UserAvatar.module.scss.cjs"),c=["red","purple","neutral","blue","cyan","yellow","green","orange"],C={12:"xx-small",16:"xx-small",20:"x-small",24:"x-small",28:"x-small",32:"small",40:"small",48:"small",56:"medium",64:"medium",72:"medium",80:"medium",96:"large",120:"large"};function j(e){let l=0;for(let a=0;a<e.length;a++)l=l*31+e.charCodeAt(a)|0;return c[Math.abs(l)%c.length]}function p(e){var o;const l=e.trim();if(!l)return"";const a=l.split(/\s+/)[0];return a[0].toUpperCase()+(((o=a[1])==null?void 0:o.toLowerCase())??"")}function A({alt:e,className:l="",src:a,name:o,fallbackColor:m,size:s="48",status:d=!1,...f}){const _=t.default[`user-avatar--size-${u.toKebab(s)}`],b=[t.default["user-avatar"],_,l].filter(Boolean).join(" "),n=!a,i=o??e,g=n?p(i):"",h=m??j(i),x=n?t.default[`user-avatar__fallback--${u.toKebab(h)}`]:"";return r.jsxs("div",{className:b,"data-size":s,children:[n?r.jsx("span",{className:[t.default["user-avatar__fallback"],x].filter(Boolean).join(" "),role:"img","aria-label":e,children:g}):r.jsx("img",{...f,alt:e,className:t.default["user-avatar__image"],src:a,width:Number(s),height:Number(s)}),d&&r.jsx("span",{className:t.default["user-avatar__status"],children:r.jsx(v.default,{status:"online",size:C[s]})})]})}exports.default=A;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),f=require("react"),B=require("../status-badge/StatusBadge.cjs"),g=require("../../utils/string.cjs"),l=require("./UserAvatar.module.scss.cjs"),b=["red","purple","neutral","blue","cyan","yellow","green","orange","charcoal","indigo","teal"],F={12:"xx-small",16:"xx-small",20:"x-small",24:"x-small",28:"x-small",32:"small",36:"small",40:"small",48:"small",50:"small",56:"medium",64:"medium",72:"medium",80:"medium",96:"large",120:"large",128:"large"};function U(s){let a=0;for(let e=0;e<s.length;e++)a=a*31+s.charCodeAt(e)|0;return b[Math.abs(a)%b.length]}function w(s){var t;const a=s.trim();if(!a)return"";const e=a.split(/\s+/)[0];return e[0].toUpperCase()+(((t=e[1])==null?void 0:t.toLowerCase())??"")}const L=f.forwardRef(function({alt:a,className:e="",src:t,name:_,fallbackColor:v,size:r="48",status:u,statusLabel:h,onError:o,...x},S){const[A,C]=f.useState(),j=l.default[`user-avatar--size-${g.toKebab(r)}`],p=[l.default["user-avatar"],j,e].filter(Boolean).join(" "),c=!!t&&t===A,n=!t||c,d=_??a,N=n?w(d):"",R=v??U(d),k=n?l.default[`user-avatar__fallback--${g.toKebab(R)}`]:"",m=u===!0?"online":u||void 0,q=F[r];return i.jsxs("div",{ref:S,className:p,"data-size":r,"data-image-failed":c?"true":void 0,children:[n?i.jsx("span",{className:[l.default["user-avatar__fallback"],k].filter(Boolean).join(" "),role:"img","aria-label":a,children:N}):i.jsx("img",{loading:"lazy",...x,onError:y=>{o==null||o(y),C(t)},alt:a,className:l.default["user-avatar__image"],src:t,width:Number(r),height:Number(r)}),m&&i.jsx("span",{className:l.default["user-avatar__status"],children:i.jsx(B.default,{status:m,size:q,label:h,className:l.default["user-avatar__badge"]})})]})});exports.default=L;
 //# sourceMappingURL=UserAvatar.cjs.map

package/dist/components/user-avatar/UserAvatar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UserAvatar.cjs","sources":["../../../src/components/user-avatar/UserAvatar.tsx"],"sourcesContent":["import type { ImgHTMLAttributes } from 'react';\nimport StatusBadge from '@/components/status-badge/StatusBadge';\nimport type { StatusBadgeSize } from '@/components/status-badge/StatusBadge';\nimport { toKebab } from '@/utils/string';\nimport styles from './UserAvatar.module.scss';\n\n/** Figma User Avatar sizes. */\nexport type UserAvatarSize =\n  | '12'\n  | '16'\n  | '20'\n  | '24'\n  | '28'\n  | '32'\n  | '40'\n  | '48'\n  | '56'\n  | '64'\n  | '72'\n  | '80'\n  | '96'\n  | '120';\n\n/** Figma User Avatar Fallback colour variants. */\nexport type UserAvatarFallbackColor =\n  | 'red'\n  | 'purple'\n  | 'neutral'\n  | 'blue'\n  | 'cyan'\n  | 'yellow'\n  | 'green'\n  | 'orange';\n\nexport interface UserAvatarProps extends Omit<\n  ImgHTMLAttributes<HTMLImageElement>,\n  'src' | 'alt' | 'width' | 'height'\n> {\n  /** Alt text for the avatar image. */\n  alt: string;\n  /** Optional CSS class name. */\n  className?: string;\n  /**\n   * Image URL for the avatar. When omitted, the avatar renders as Fallback\n   * (initials on a deterministic colour background).\n   */\n  src?: string;\n  /**\n   * Display name used to derive initials and the fallback colour. Defaults\n   * to `alt` when not provided.\n   */\n  name?: string;\n  /** Force a specific fallback colour. Hashed from `name`/`alt` if omitted. */\n  fallbackColor?: UserAvatarFallbackColor;\n  /** Size variant. Figma: Size. Default: 48. */\n  size?: UserAvatarSize;\n  /** When true, shows online status badge (green dot with check). Figma: Status = On. */\n  status?: boolean;\n}\n\nconst FALLBACK_COLORS: readonly UserAvatarFallbackColor[] = [\n  'red',\n  'purple',\n  'neutral',\n  'blue',\n  'cyan',\n  'yellow',\n  'green',\n  'orange',\n];\n\n/** Map UserAvatar size to StatusBadge size (Figma scale). */\nconst USER_AVATAR_TO_BADGE_SIZE: Record<UserAvatarSize, StatusBadgeSize> = {\n  '12': 'xx-small',\n  '16': 'xx-small',\n  '20': 'x-small',\n  '24': 'x-small',\n  '28': 'x-small',\n  '32': 'small',\n  '40': 'small',\n  '48': 'small',\n  '56': 'medium',\n  '64': 'medium',\n  '72': 'medium',\n  '80': 'medium',\n  '96': 'large',\n  '120': 'large',\n};\n\nfunction hashFallbackColor(s: string): UserAvatarFallbackColor {\n  let h = 0;\n  for (let i = 0; i < s.length; i++) {\n    h = (h * 31 + s.charCodeAt(i)) | 0;\n  }\n  return FALLBACK_COLORS[Math.abs(h) % FALLBACK_COLORS.length];\n}\n\nfunction getInitials(name: string): string {\n  const trimmed = name.trim();\n  if (!trimmed) return '';\n  const firstName = trimmed.split(/\\s+/)[0]!;\n  return firstName[0]!.toUpperCase() + (firstName[1]?.toLowerCase() ?? '');\n}\n\n/**\n * User Avatars represent a person — usually their uploaded photo, with initials on a colour\n * background as a fallback. Their circular shape distinguishes them from rounded-square Team\n * Avatars at a glance.\n */\nexport default function UserAvatar({\n  alt,\n  className = '',\n  src,\n  name,\n  fallbackColor,\n  size = '48',\n  status = false,\n  ...imgProps\n}: UserAvatarProps) {\n  const sizeClass = styles[`user-avatar--size-${toKebab(size)}`];\n  const rootClass = [styles['user-avatar'], sizeClass, className]\n    .filter(Boolean)\n    .join(' ');\n\n  const isFallback = !src;\n  const displayName = name ?? alt;\n  const initials = isFallback ? getInitials(displayName) : '';\n  const color = fallbackColor ?? hashFallbackColor(displayName);\n  const fallbackColorClass = isFallback\n    ? styles[`user-avatar__fallback--${toKebab(color)}`]\n    : '';\n\n  return (\n    <div className={rootClass} data-size={size}>\n      {isFallback ? (\n        <span\n          className={[styles['user-avatar__fallback'], fallbackColorClass]\n            .filter(Boolean)\n            .join(' ')}\n          role=\"img\"\n          aria-label={alt}\n        >\n          {initials}\n        </span>\n      ) : (\n        <img\n          {...imgProps}\n          alt={alt}\n          className={styles['user-avatar__image']}\n          src={src}\n          width={Number(size)}\n          height={Number(size)}\n        />\n      )}\n      {status && (\n        <span className={styles['user-avatar__status']}>\n          <StatusBadge status=\"online\" size={USER_AVATAR_TO_BADGE_SIZE[size]} />\n        </span>\n      )}\n    </div>\n  );\n}\n"],"names":["FALLBACK_COLORS","USER_AVATAR_TO_BADGE_SIZE","hashFallbackColor","s","h","i","getInitials","name","trimmed","firstName","_a","UserAvatar","alt","className","src","fallbackColor","size","status","imgProps","sizeClass","styles","toKebab","rootClass","isFallback","displayName","initials","color","fallbackColorClass","jsxs","jsx","StatusBadge"],"mappings":"2QA4DMA,EAAsD,CAC1D,MACA,SACA,UACA,OACA,OACA,SACA,QACA,QACF,EAGMC,EAAqE,CACzE,GAAM,WACN,GAAM,WACN,GAAM,UACN,GAAM,UACN,GAAM,UACN,GAAM,QACN,GAAM,QACN,GAAM,QACN,GAAM,SACN,GAAM,SACN,GAAM,SACN,GAAM,SACN,GAAM,QACN,IAAO,OACT,EAEA,SAASC,EAAkBC,EAAoC,CAC7D,IAAIC,EAAI,EACR,QAASC,EAAI,EAAGA,EAAIF,EAAE,OAAQE,IAC5BD,EAAKA,EAAI,GAAKD,EAAE,WAAWE,CAAC,EAAK,EAEnC,OAAOL,EAAgB,KAAK,IAAII,CAAC,EAAIJ,EAAgB,MAAM,CAC7D,CAEA,SAASM,EAAYC,EAAsB,OACzC,MAAMC,EAAUD,EAAK,KAAA,EACrB,GAAI,CAACC,EAAS,MAAO,GACrB,MAAMC,EAAYD,EAAQ,MAAM,KAAK,EAAE,CAAC,EACxC,OAAOC,EAAU,CAAC,EAAG,YAAA,KAAiBC,EAAAD,EAAU,CAAC,IAAX,YAAAC,EAAc,gBAAiB,GACvE,CAOA,SAAwBC,EAAW,CACjC,IAAAC,EACA,UAAAC,EAAY,GACZ,IAAAC,EACA,KAAAP,EACA,cAAAQ,EACA,KAAAC,EAAO,KACP,OAAAC,EAAS,GACT,GAAGC,CACL,EAAoB,CAClB,MAAMC,EAAYC,EAAAA,QAAO,qBAAqBC,EAAAA,QAAQL,CAAI,CAAC,EAAE,EACvDM,EAAY,CAACF,UAAO,aAAa,EAAGD,EAAWN,CAAS,EAC3D,OAAO,OAAO,EACd,KAAK,GAAG,EAELU,EAAa,CAACT,EACdU,EAAcjB,GAAQK,EACtBa,EAAWF,EAAajB,EAAYkB,CAAW,EAAI,GACnDE,EAAQX,GAAiBb,EAAkBsB,CAAW,EACtDG,EAAqBJ,EACvBH,EAAAA,QAAO,0BAA0BC,EAAAA,QAAQK,CAAK,CAAC,EAAE,EACjD,GAEJ,OACEE,EAAAA,KAAC,MAAA,CAAI,UAAWN,EAAW,YAAWN,EACnC,SAAA,CAAAO,EACCM,EAAAA,IAAC,OAAA,CACC,UAAW,CAACT,UAAO,uBAAuB,EAAGO,CAAkB,EAC5D,OAAO,OAAO,EACd,KAAK,GAAG,EACX,KAAK,MACL,aAAYf,EAEX,SAAAa,CAAA,CAAA,EAGHI,EAAAA,IAAC,MAAA,CACE,GAAGX,EACJ,IAAAN,EACA,UAAWQ,EAAAA,QAAO,oBAAoB,EACtC,IAAAN,EACA,MAAO,OAAOE,CAAI,EAClB,OAAQ,OAAOA,CAAI,CAAA,CAAA,EAGtBC,GACCY,EAAAA,IAAC,OAAA,CAAK,UAAWT,EAAAA,QAAO,qBAAqB,EAC3C,SAAAS,EAAAA,IAACC,EAAAA,QAAA,CAAY,OAAO,SAAS,KAAM7B,EAA0Be,CAAI,EAAG,CAAA,CACtE,CAAA,EAEJ,CAEJ"}
+{"version":3,"file":"UserAvatar.cjs","sources":["../../../src/components/user-avatar/UserAvatar.tsx"],"sourcesContent":["import { forwardRef, useState } from 'react';\nimport type { ImgHTMLAttributes } from 'react';\nimport StatusBadge from '@/components/status-badge/StatusBadge';\nimport type {\n  StatusBadgeSize,\n  StatusBadgeStatus,\n} from '@/components/status-badge/StatusBadge';\nimport { toKebab } from '@/utils/string';\nimport styles from './UserAvatar.module.scss';\n\n/** Figma User Avatar sizes. */\nexport type UserAvatarSize =\n  | '12'\n  | '16'\n  | '20'\n  | '24'\n  | '28'\n  | '32'\n  | '36'\n  | '40'\n  | '48'\n  | '50'\n  | '56'\n  | '64'\n  | '72'\n  | '80'\n  | '96'\n  | '120'\n  | '128';\n\n/** Figma User Avatar Fallback colour variants. */\nexport type UserAvatarFallbackColor =\n  | 'red'\n  | 'purple'\n  | 'neutral'\n  | 'charcoal'\n  | 'indigo'\n  | 'teal'\n  | 'blue'\n  | 'cyan'\n  | 'yellow'\n  | 'green'\n  | 'orange';\n\nexport interface UserAvatarProps extends Omit<\n  ImgHTMLAttributes<HTMLImageElement>,\n  'src' | 'alt' | 'width' | 'height'\n> {\n  /** Alt text for the avatar image. */\n  alt: string;\n  /** Optional CSS class name. */\n  className?: string;\n  /**\n   * Image URL for the avatar. When omitted, or when the image fails to load,\n   * the avatar renders as Fallback (initials on a deterministic colour\n   * background). A failed image sets `data-image-failed=\"true\"` on the root.\n   */\n  src?: string;\n  /**\n   * Display name used to derive initials and the fallback colour. Defaults\n   * to `alt` when not provided.\n   */\n  name?: string;\n  /** Force a specific fallback colour. Hashed from `name`/`alt` if omitted. */\n  fallbackColor?: UserAvatarFallbackColor;\n  /** Size variant. Figma: Size. Default: 48. */\n  size?: UserAvatarSize;\n  /**\n   * Status badge shown on the avatar: `online`, `away`, `do-not-disturb` or `offline`.\n   * Omit (or `false`) to hide it. `true` is kept for backwards compatibility and\n   * means `online`. The badge size follows the avatar `size`.\n   */\n  status?: boolean | StatusBadgeStatus;\n  /** Accessible name for the status badge. Defaults to the status value; pass a translated string. */\n  statusLabel?: string;\n}\n\n/** Colours picked by the name hash when `fallbackColor` is not set. */\nconst FALLBACK_COLORS: readonly UserAvatarFallbackColor[] = [\n  'red',\n  'purple',\n  'neutral',\n  'blue',\n  'cyan',\n  'yellow',\n  'green',\n  'orange',\n  'charcoal',\n  'indigo',\n  'teal',\n];\n\n/** Map UserAvatar size to StatusBadge size (Figma scale). */\nconst USER_AVATAR_TO_BADGE_SIZE: Record<UserAvatarSize, StatusBadgeSize> = {\n  '12': 'xx-small',\n  '16': 'xx-small',\n  '20': 'x-small',\n  '24': 'x-small',\n  '28': 'x-small',\n  '32': 'small',\n  '36': 'small',\n  '40': 'small',\n  '48': 'small',\n  '50': 'small',\n  '56': 'medium',\n  '64': 'medium',\n  '72': 'medium',\n  '80': 'medium',\n  '96': 'large',\n  '120': 'large',\n  '128': 'large',\n};\n\nfunction hashFallbackColor(s: string): UserAvatarFallbackColor {\n  let h = 0;\n  for (let i = 0; i < s.length; i++) {\n    h = (h * 31 + s.charCodeAt(i)) | 0;\n  }\n  return FALLBACK_COLORS[Math.abs(h) % FALLBACK_COLORS.length];\n}\n\nfunction getInitials(name: string): string {\n  const trimmed = name.trim();\n  if (!trimmed) return '';\n  const firstName = trimmed.split(/\\s+/)[0]!;\n  return firstName[0]!.toUpperCase() + (firstName[1]?.toLowerCase() ?? '');\n}\n\n/**\n * User Avatars represent a person — usually their uploaded photo, with initials on a colour\n * background as a fallback. Their circular shape distinguishes them from rounded-square Team\n * Avatars at a glance. `ref` points at the root element, which is present for both the image and\n * the fallback, so it works as a tooltip or popover anchor.\n */\nconst UserAvatar = forwardRef<HTMLDivElement, UserAvatarProps>(\n  function UserAvatar(\n    {\n      alt,\n      className = '',\n      src,\n      name,\n      fallbackColor,\n      size = '48',\n      status,\n      statusLabel,\n      onError,\n      ...imgProps\n    },\n    ref,\n  ) {\n    // The src that failed to load; a new src is tried again.\n    const [failedSrc, setFailedSrc] = useState<string>();\n    const sizeClass = styles[`user-avatar--size-${toKebab(size)}`];\n    const rootClass = [styles['user-avatar'], sizeClass, className]\n      .filter(Boolean)\n      .join(' ');\n\n    const imageFailed = !!src && src === failedSrc;\n    const isFallback = !src || imageFailed;\n    const displayName = name ?? alt;\n    const initials = isFallback ? getInitials(displayName) : '';\n    const color = fallbackColor ?? hashFallbackColor(displayName);\n    const fallbackColorClass = isFallback\n      ? styles[`user-avatar__fallback--${toKebab(color)}`]\n      : '';\n\n    const badgeStatus: StatusBadgeStatus | undefined =\n      status === true ? 'online' : status || undefined;\n    const badgeSize = USER_AVATAR_TO_BADGE_SIZE[size];\n\n    return (\n      <div\n        ref={ref}\n        className={rootClass}\n        data-size={size}\n        data-image-failed={imageFailed ? 'true' : undefined}\n      >\n        {isFallback ? (\n          <span\n            className={[styles['user-avatar__fallback'], fallbackColorClass]\n              .filter(Boolean)\n              .join(' ')}\n            role=\"img\"\n            aria-label={alt}\n          >\n            {initials}\n          </span>\n        ) : (\n          <img\n            loading=\"lazy\"\n            {...imgProps}\n            onError={(e) => {\n              onError?.(e);\n              setFailedSrc(src);\n            }}\n            alt={alt}\n            className={styles['user-avatar__image']}\n            src={src}\n            width={Number(size)}\n            height={Number(size)}\n          />\n        )}\n        {badgeStatus && (\n          <span className={styles['user-avatar__status']}>\n            <StatusBadge\n              status={badgeStatus}\n              size={badgeSize}\n              label={statusLabel}\n              className={styles['user-avatar__badge']}\n            />\n          </span>\n        )}\n      </div>\n    );\n  },\n);\n\nexport default UserAvatar;\n"],"names":["FALLBACK_COLORS","USER_AVATAR_TO_BADGE_SIZE","hashFallbackColor","h","i","getInitials","name","trimmed","firstName","_a","UserAvatar","forwardRef","alt","className","src","fallbackColor","size","status","statusLabel","onError","imgProps","ref","failedSrc","setFailedSrc","useState","sizeClass","styles","toKebab","rootClass","imageFailed","isFallback","displayName","initials","color","fallbackColorClass","badgeStatus","badgeSize","jsxs","jsx","e","StatusBadge"],"mappings":"8RA8EMA,EAAsD,CAC1D,MACA,SACA,UACA,OACA,OACA,SACA,QACA,SACA,WACA,SACA,MACF,EAGMC,EAAqE,CACzE,GAAM,WACN,GAAM,WACN,GAAM,UACN,GAAM,UACN,GAAM,UACN,GAAM,QACN,GAAM,QACN,GAAM,QACN,GAAM,QACN,GAAM,QACN,GAAM,SACN,GAAM,SACN,GAAM,SACN,GAAM,SACN,GAAM,QACN,IAAO,QACP,IAAO,OACT,EAEA,SAASC,EAAkB,EAAoC,CAC7D,IAAIC,EAAI,EACR,QAASC,EAAI,EAAGA,EAAI,EAAE,OAAQA,IAC5BD,EAAKA,EAAI,GAAK,EAAE,WAAWC,CAAC,EAAK,EAEnC,OAAOJ,EAAgB,KAAK,IAAIG,CAAC,EAAIH,EAAgB,MAAM,CAC7D,CAEA,SAASK,EAAYC,EAAsB,OACzC,MAAMC,EAAUD,EAAK,KAAA,EACrB,GAAI,CAACC,EAAS,MAAO,GACrB,MAAMC,EAAYD,EAAQ,MAAM,KAAK,EAAE,CAAC,EACxC,OAAOC,EAAU,CAAC,EAAG,YAAA,KAAiBC,EAAAD,EAAU,CAAC,IAAX,YAAAC,EAAc,gBAAiB,GACvE,CAQA,MAAMC,EAAaC,EAAAA,WACjB,SACE,CACE,IAAAC,EACA,UAAAC,EAAY,GACZ,IAAAC,EACA,KAAAR,EACA,cAAAS,EACA,KAAAC,EAAO,KACP,OAAAC,EACA,YAAAC,EACA,QAAAC,EACA,GAAGC,CAAA,EAELC,EACA,CAEA,KAAM,CAACC,EAAWC,CAAY,EAAIC,WAAA,EAC5BC,EAAYC,EAAAA,QAAO,qBAAqBC,EAAAA,QAAQX,CAAI,CAAC,EAAE,EACvDY,EAAY,CAACF,UAAO,aAAa,EAAGD,EAAWZ,CAAS,EAC3D,OAAO,OAAO,EACd,KAAK,GAAG,EAELgB,EAAc,CAAC,CAACf,GAAOA,IAAQQ,EAC/BQ,EAAa,CAAChB,GAAOe,EACrBE,EAAczB,GAAQM,EACtBoB,EAAWF,EAAazB,EAAY0B,CAAW,EAAI,GACnDE,EAAQlB,GAAiBb,EAAkB6B,CAAW,EACtDG,EAAqBJ,EACvBJ,EAAAA,QAAO,0BAA0BC,EAAAA,QAAQM,CAAK,CAAC,EAAE,EACjD,GAEEE,EACJlB,IAAW,GAAO,SAAWA,GAAU,OACnCmB,EAAYnC,EAA0Be,CAAI,EAEhD,OACEqB,EAAAA,KAAC,MAAA,CACC,IAAAhB,EACA,UAAWO,EACX,YAAWZ,EACX,oBAAmBa,EAAc,OAAS,OAEzC,SAAA,CAAAC,EACCQ,EAAAA,IAAC,OAAA,CACC,UAAW,CAACZ,UAAO,uBAAuB,EAAGQ,CAAkB,EAC5D,OAAO,OAAO,EACd,KAAK,GAAG,EACX,KAAK,MACL,aAAYtB,EAEX,SAAAoB,CAAA,CAAA,EAGHM,EAAAA,IAAC,MAAA,CACC,QAAQ,OACP,GAAGlB,EACJ,QAAUmB,GAAM,CACdpB,GAAA,MAAAA,EAAUoB,GACVhB,EAAaT,CAAG,CAClB,EACA,IAAAF,EACA,UAAWc,EAAAA,QAAO,oBAAoB,EACtC,IAAAZ,EACA,MAAO,OAAOE,CAAI,EAClB,OAAQ,OAAOA,CAAI,CAAA,CAAA,EAGtBmB,GACCG,EAAAA,IAAC,OAAA,CAAK,UAAWZ,EAAAA,QAAO,qBAAqB,EAC3C,SAAAY,EAAAA,IAACE,EAAAA,QAAA,CACC,OAAQL,EACR,KAAMC,EACN,MAAOlB,EACP,UAAWQ,EAAAA,QAAO,oBAAoB,CAAA,CAAA,CACxC,CACF,CAAA,CAAA,CAAA,CAIR,CACF"}

package/dist/components/user-avatar/UserAvatar.css

@@ -1 +1 @@
-._user-avatar_1csb5_2{position:relative;flex-shrink:0;border-radius:var(--radius-pill);display:inline-block}._user-avatar__image_1csb5_8{display:block;width:100%;height:100%;object-fit:cover;vertical-align:middle;border-radius:var(--radius-pill)}._user-avatar__fallback_1csb5_16{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:var(--radius-pill);color:#ffffffeb;font-family:Metropolis,var(--font-family-body),sans-serif;font-weight:var(--font-weight-semibold);line-height:1;-webkit-user-select:none;user-select:none}._user-avatar__fallback--red_1csb5_29{background-color:var(--color-red-500)}._user-avatar__fallback--purple_1csb5_32{background-color:var(--color-purple-500)}._user-avatar__fallback--neutral_1csb5_35{background-color:var(--color-neutral-500)}._user-avatar__fallback--blue_1csb5_38{background-color:var(--color-blue-500)}._user-avatar__fallback--cyan_1csb5_41{background-color:var(--color-cyan-500)}._user-avatar__fallback--yellow_1csb5_44{background-color:var(--color-yellow-500)}._user-avatar__fallback--green_1csb5_47{background-color:var(--color-green-500)}._user-avatar__fallback--orange_1csb5_50{background-color:var(--color-orange-500)}._user-avatar__status_1csb5_53{position:absolute;right:0;bottom:0;display:flex;align-items:center;justify-content:center;box-sizing:content-box}._user-avatar--size-12_1csb5_62{width:12px;height:12px}._user-avatar--size-12_1csb5_62 ._user-avatar__fallback_1csb5_16{font-size:5.604px}._user-avatar--size-12_1csb5_62 ._user-avatar__status_1csb5_53{right:-1px;bottom:-1px}._user-avatar--size-16_1csb5_73{width:16px;height:16px}._user-avatar--size-16_1csb5_73 ._user-avatar__fallback_1csb5_16{font-size:7.472px}._user-avatar--size-16_1csb5_73 ._user-avatar__status_1csb5_53{right:-1px;bottom:-1px}._user-avatar--size-20_1csb5_84{width:20px;height:20px}._user-avatar--size-20_1csb5_84 ._user-avatar__fallback_1csb5_16{font-size:9.34px}._user-avatar--size-20_1csb5_84 ._user-avatar__status_1csb5_53{right:-1px;bottom:-1px}._user-avatar--size-24_1csb5_95{width:24px;height:24px}._user-avatar--size-24_1csb5_95 ._user-avatar__fallback_1csb5_16{font-size:11.208px}._user-avatar--size-24_1csb5_95 ._user-avatar__status_1csb5_53{right:-1px;bottom:-1px}._user-avatar--size-28_1csb5_106{width:28px;height:28px}._user-avatar--size-28_1csb5_106 ._user-avatar__fallback_1csb5_16{font-size:13.076px}._user-avatar--size-28_1csb5_106 ._user-avatar__status_1csb5_53{right:-1px;bottom:-1px}._user-avatar--size-32_1csb5_117{width:32px;height:32px}._user-avatar--size-32_1csb5_117 ._user-avatar__fallback_1csb5_16{font-size:14.944px}._user-avatar--size-32_1csb5_117 ._user-avatar__status_1csb5_53{right:-2px;bottom:-2px}._user-avatar--size-40_1csb5_128{width:40px;height:40px}._user-avatar--size-40_1csb5_128 ._user-avatar__fallback_1csb5_16{font-size:18.68px}._user-avatar--size-40_1csb5_128 ._user-avatar__status_1csb5_53{right:-2px;bottom:-2px}._user-avatar--size-48_1csb5_139{width:48px;height:48px}._user-avatar--size-48_1csb5_139 ._user-avatar__fallback_1csb5_16{font-size:22.416px}._user-avatar--size-48_1csb5_139 ._user-avatar__status_1csb5_53{right:-2px;bottom:-2px}._user-avatar--size-56_1csb5_150{width:56px;height:56px}._user-avatar--size-56_1csb5_150 ._user-avatar__fallback_1csb5_16{font-size:26.152px}._user-avatar--size-56_1csb5_150 ._user-avatar__status_1csb5_53{right:-2px;bottom:-2px}._user-avatar--size-64_1csb5_161{width:64px;height:64px}._user-avatar--size-64_1csb5_161 ._user-avatar__fallback_1csb5_16{font-size:29.888px}._user-avatar--size-64_1csb5_161 ._user-avatar__status_1csb5_53{right:-2px;bottom:-2px}._user-avatar--size-72_1csb5_172{width:72px;height:72px}._user-avatar--size-72_1csb5_172 ._user-avatar__fallback_1csb5_16{font-size:33.624px}._user-avatar--size-72_1csb5_172 ._user-avatar__status_1csb5_53{right:-2px;bottom:-2px}._user-avatar--size-80_1csb5_183{width:80px;height:80px}._user-avatar--size-80_1csb5_183 ._user-avatar__fallback_1csb5_16{font-size:37.36px}._user-avatar--size-80_1csb5_183 ._user-avatar__status_1csb5_53{right:-2px;bottom:-2px}._user-avatar--size-96_1csb5_194{width:96px;height:96px}._user-avatar--size-96_1csb5_194 ._user-avatar__fallback_1csb5_16{font-size:44.832px}._user-avatar--size-96_1csb5_194 ._user-avatar__status_1csb5_53{right:-2px;bottom:-2px}._user-avatar--size-120_1csb5_205{width:120px;height:120px}._user-avatar--size-120_1csb5_205 ._user-avatar__fallback_1csb5_16{font-size:56.04px}._user-avatar--size-120_1csb5_205 ._user-avatar__status_1csb5_53{right:-2px;bottom:-2px}
+._user-avatar_enh1y_13{position:relative;flex-shrink:0;border-radius:var(--radius-pill);display:inline-block}._user-avatar__image_enh1y_19{display:block;width:100%;height:100%;object-fit:cover;vertical-align:middle;border-radius:var(--radius-pill)}._user-avatar__fallback_enh1y_27{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:var(--radius-pill);color:#ffffffeb;font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:1;-webkit-user-select:none;user-select:none}._user-avatar__fallback--red_enh1y_40{background-color:var(--color-red-500)}._user-avatar__fallback--purple_enh1y_43{background-color:var(--color-purple-500)}._user-avatar__fallback--neutral_enh1y_46{background-color:var(--color-neutral-500)}._user-avatar__fallback--charcoal_enh1y_49{background-color:var(--color-neutral-900)}._user-avatar__fallback--indigo_enh1y_52{background-color:var(--color-indigo-500)}._user-avatar__fallback--teal_enh1y_55{background-color:var(--color-teal-700)}._user-avatar__fallback--blue_enh1y_58{background-color:var(--color-blue-500)}._user-avatar__fallback--cyan_enh1y_61{background-color:var(--color-cyan-500)}._user-avatar__fallback--yellow_enh1y_64{background-color:var(--color-yellow-500)}._user-avatar__fallback--green_enh1y_67{background-color:var(--color-green-500)}._user-avatar__fallback--orange_enh1y_70{background-color:var(--color-orange-500)}._user-avatar__status_enh1y_73{position:absolute;right:0;bottom:0;display:flex;align-items:center;justify-content:center;box-sizing:content-box}._user-avatar--size-12_enh1y_82{width:12px;height:12px}._user-avatar--size-12_enh1y_82 ._user-avatar__fallback_enh1y_27{font-size:5.604px}._user-avatar--size-12_enh1y_82 ._user-avatar__status_enh1y_73{right:-1px;bottom:-1px}._user-avatar--size-16_enh1y_93{width:16px;height:16px}._user-avatar--size-16_enh1y_93 ._user-avatar__fallback_enh1y_27{font-size:7.472px}._user-avatar--size-16_enh1y_93 ._user-avatar__status_enh1y_73{right:-1px;bottom:-1px}._user-avatar--size-20_enh1y_104{width:20px;height:20px}._user-avatar--size-20_enh1y_104 ._user-avatar__fallback_enh1y_27{font-size:9.34px}._user-avatar--size-20_enh1y_104 ._user-avatar__status_enh1y_73{right:-1px;bottom:-1px}._user-avatar--size-24_enh1y_115{width:24px;height:24px}._user-avatar--size-24_enh1y_115 ._user-avatar__fallback_enh1y_27{font-size:11.208px}._user-avatar--size-24_enh1y_115 ._user-avatar__status_enh1y_73{right:-1px;bottom:-1px}._user-avatar--size-28_enh1y_126{width:28px;height:28px}._user-avatar--size-28_enh1y_126 ._user-avatar__fallback_enh1y_27{font-size:13.076px}._user-avatar--size-28_enh1y_126 ._user-avatar__status_enh1y_73{right:-1px;bottom:-1px}._user-avatar--size-32_enh1y_137{width:32px;height:32px}._user-avatar--size-32_enh1y_137 ._user-avatar__fallback_enh1y_27{font-size:14.944px}._user-avatar--size-32_enh1y_137 ._user-avatar__status_enh1y_73{right:-2px;bottom:-2px}._user-avatar--size-36_enh1y_148{width:36px;height:36px}._user-avatar--size-36_enh1y_148 ._user-avatar__fallback_enh1y_27{font-size:16.812px}._user-avatar--size-36_enh1y_148 ._user-avatar__status_enh1y_73{right:-2px;bottom:-2px}._user-avatar--size-40_enh1y_159{width:40px;height:40px}._user-avatar--size-40_enh1y_159 ._user-avatar__fallback_enh1y_27{font-size:18.68px}._user-avatar--size-40_enh1y_159 ._user-avatar__status_enh1y_73{right:-2px;bottom:-2px}._user-avatar--size-48_enh1y_170{width:48px;height:48px}._user-avatar--size-48_enh1y_170 ._user-avatar__fallback_enh1y_27{font-size:22.416px}._user-avatar--size-48_enh1y_170 ._user-avatar__status_enh1y_73{right:-2px;bottom:-2px}._user-avatar--size-50_enh1y_181{width:50px;height:50px}._user-avatar--size-50_enh1y_181 ._user-avatar__fallback_enh1y_27{font-size:23.35px}._user-avatar--size-50_enh1y_181 ._user-avatar__status_enh1y_73{right:-2px;bottom:-2px}._user-avatar--size-56_enh1y_192{width:56px;height:56px}._user-avatar--size-56_enh1y_192 ._user-avatar__fallback_enh1y_27{font-size:26.152px}._user-avatar--size-56_enh1y_192 ._user-avatar__status_enh1y_73 ._user-avatar__badge_enh1y_199{width:var(--icon-size-20);height:var(--icon-size-20)}._user-avatar--size-56_enh1y_192 ._user-avatar__status_enh1y_73{right:0;bottom:0}._user-avatar--size-64_enh1y_207{width:64px;height:64px}._user-avatar--size-64_enh1y_207 ._user-avatar__fallback_enh1y_27{font-size:29.888px}._user-avatar--size-64_enh1y_207 ._user-avatar__status_enh1y_73 ._user-avatar__badge_enh1y_199{width:var(--icon-size-20);height:var(--icon-size-20)}._user-avatar--size-64_enh1y_207 ._user-avatar__status_enh1y_73{right:0;bottom:0}._user-avatar--size-72_enh1y_222{width:72px;height:72px}._user-avatar--size-72_enh1y_222 ._user-avatar__fallback_enh1y_27{font-size:33.624px}._user-avatar--size-72_enh1y_222 ._user-avatar__status_enh1y_73 ._user-avatar__badge_enh1y_199{width:var(--icon-size-20);height:var(--icon-size-20)}._user-avatar--size-72_enh1y_222 ._user-avatar__status_enh1y_73{right:0;bottom:0}._user-avatar--size-80_enh1y_237{width:80px;height:80px}._user-avatar--size-80_enh1y_237 ._user-avatar__fallback_enh1y_27{font-size:37.36px}._user-avatar--size-80_enh1y_237 ._user-avatar__status_enh1y_73 ._user-avatar__badge_enh1y_199{width:var(--icon-size-20);height:var(--icon-size-20)}._user-avatar--size-80_enh1y_237 ._user-avatar__status_enh1y_73{right:0;bottom:0}._user-avatar--size-96_enh1y_252{width:96px;height:96px}._user-avatar--size-96_enh1y_252 ._user-avatar__fallback_enh1y_27{font-size:44.832px}._user-avatar--size-96_enh1y_252 ._user-avatar__status_enh1y_73{right:-2px;bottom:-2px}._user-avatar--size-120_enh1y_263{width:120px;height:120px}._user-avatar--size-120_enh1y_263 ._user-avatar__fallback_enh1y_27{font-size:56.04px}._user-avatar--size-120_enh1y_263 ._user-avatar__status_enh1y_73{right:-2px;bottom:-2px}._user-avatar--size-128_enh1y_274{width:128px;height:128px}._user-avatar--size-128_enh1y_274 ._user-avatar__fallback_enh1y_27{font-size:59.776px}._user-avatar--size-128_enh1y_274 ._user-avatar__status_enh1y_73{right:-2px;bottom:-2px}