@mattermost/compass-ui 0.1.0-alpha.10 → 0.1.0-alpha.12

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 text. */\n  label: string;\n  /** Arrow direction. Default: Right. */\n  arrow?: TooltipArrow;\n  /** Optional hint text shown below label. */\n  hint?: string;\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 && <span className={styles['tooltip__hint']}>{hint}</span>}\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,gBAAAQ,EAAC,QAAA,EAAK,WAAWH,EAAO,eAAmB,UAAAL,EAAA,CAAK;AAAA,IAAA,GAC3D;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 { 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;"}

package/dist/components/tour-point/TourPoint.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TourPoint.cjs","sources":["../../../src/components/tour-point/TourPoint.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport ChevronRightIcon from '@mattermost/compass-icons/components/chevron-right';\nimport Button from '@/components/button/Button';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport PaginationDots from '@/components/pagination-dots/PaginationDots';\nimport { toKebab } from '@/utils/string';\nimport styles from './TourPoint.module.scss';\n\nexport type TourPointPointerPosition =\n  | 'top-center'\n  | 'top-left'\n  | 'top-right'\n  | 'bottom-center'\n  | 'bottom-left'\n  | 'bottom-right'\n  | 'left-center'\n  | 'right-center';\n\nexport interface TourPointProgress {\n  pages: number;\n  activePage: number;\n  onPageChange?: (page: number) => void;\n}\n\nexport interface TourPointPrimaryAction {\n  label: string;\n  onClick?: () => void;\n}\n\nexport interface TourPointProps {\n  title: string;\n  children: ReactNode;\n  /** Optional image between body copy and footer (e.g. screenshot as an img). */\n  media?: ReactNode;\n  /** Where the pointer sits on the card edge; omit or `none` to hide the pointer. */\n  pointerPosition?: TourPointPointerPosition | 'none';\n  /**\n   * Animated marker at the arrow tip (Figma Pulsing Dot). Only applies when a\n   * pointer is shown. Default on; set false for reduced motion preference at the\n   * callsite or a static tour step.\n   */\n  showPulsingDot?: boolean;\n  onClose?: () => void;\n  progress?: TourPointProgress;\n  primaryAction?: TourPointPrimaryAction;\n  className?: string;\n}\n\nexport default function TourPoint({\n  title,\n  children,\n  media,\n  pointerPosition = 'top-center',\n  showPulsingDot = true,\n  onClose,\n  progress,\n  primaryAction,\n  className = '',\n}: TourPointProps) {\n  const showPointer = pointerPosition !== 'none';\n  const pointerModifier =\n    showPointer &&\n    styles[`tour-point--pointer-${toKebab(pointerPosition as TourPointPointerPosition)}`];\n\n  const rootClass = [\n    styles['tour-point'],\n    pointerModifier,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const showFooter = progress != null || primaryAction != null;\n\n  return (\n    <div className={rootClass}>\n      {showPointer && (\n        <span className={styles['tour-point__pointer']} aria-hidden>\n          <span className={styles['tour-point__pointer-triangle']} />\n          {showPulsingDot && (\n            <span className={styles['tour-point__pointer-pulse']}>\n              <span className={styles['tour-point__pointer-pulse-ring']} />\n              <span\n                className={[\n                  styles['tour-point__pointer-pulse-ring'],\n                  styles['tour-point__pointer-pulse-ring--delay'],\n                ].join(' ')}\n              />\n              <span className={styles['tour-point__pointer-pulse-core']} />\n            </span>\n          )}\n        </span>\n      )}\n\n      <div className={styles['tour-point__panel']}>\n        <div className={styles['tour-point__header']}>\n          <h2 className={styles['tour-point__title']}>{title}</h2>\n          {onClose && (\n            <IconButton\n              className={styles['tour-point__close']}\n              aria-label=\"Close\"\n              size=\"small\"\n              padding=\"compact\"\n              style=\"default\"\n              icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n              onClick={onClose}\n            />\n          )}\n        </div>\n\n        <div className={styles['tour-point__body']}>\n          <div className={styles['tour-point__description']}>{children}</div>\n          {media != null && (\n            <div className={styles['tour-point__media']}>{media}</div>\n          )}\n        </div>\n\n        {showFooter && (\n          <div className={styles['tour-point__footer']}>\n            {progress != null ? (\n              <PaginationDots\n                className={styles['tour-point__progress']}\n                pages={progress.pages}\n                activePage={progress.activePage}\n                dotStyle=\"on-primary\"\n                onPageChange={progress.onPageChange}\n              />\n            ) : (\n              <span className={styles['tour-point__footer-spacer']} aria-hidden />\n            )}\n\n            {primaryAction != null ? (\n              <div className={styles['tour-point__next-wrap']}>\n                <Button\n                  emphasis=\"primary\"\n                  size=\"small\"\n                  trailingIcon={\n                    <Icon size=\"16\" glyph={<ChevronRightIcon />} />\n                  }\n                  onClick={primaryAction.onClick}\n                >\n                  {primaryAction.label}\n                </Button>\n              </div>\n            ) : null}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["TourPoint","title","children","media","pointerPosition","showPulsingDot","onClose","progress","primaryAction","className","showPointer","pointerModifier","styles","toKebab","rootClass","showFooter","jsxs","jsx","IconButton","Icon","CloseIcon","PaginationDots","Button","ChevronRightIcon"],"mappings":"kfAkDA,SAAwBA,EAAU,CAChC,MAAAC,EACA,SAAAC,EACA,MAAAC,EACA,gBAAAC,EAAkB,aAClB,eAAAC,EAAiB,GACjB,QAAAC,EACA,SAAAC,EACA,cAAAC,EACA,UAAAC,EAAY,EACd,EAAmB,CACjB,MAAMC,EAAcN,IAAoB,OAClCO,EACJD,GACAE,UAAO,uBAAuBC,UAAQT,CAA2C,CAAC,EAAE,EAEhFU,EAAY,CAChBF,EAAAA,QAAO,YAAY,EACnBD,EACAF,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAELM,EAAaR,GAAY,MAAQC,GAAiB,KAExD,OACEQ,EAAAA,KAAC,MAAA,CAAI,UAAWF,EACb,SAAA,CAAAJ,UACE,OAAA,CAAK,UAAWE,UAAO,qBAAqB,EAAG,cAAW,GACzD,SAAA,CAAAK,EAAAA,IAAC,OAAA,CAAK,UAAWL,EAAAA,QAAO,8BAA8B,CAAA,CAAG,EACxDP,GACCW,EAAAA,KAAC,OAAA,CAAK,UAAWJ,UAAO,2BAA2B,EACjD,SAAA,CAAAK,EAAAA,IAAC,OAAA,CAAK,UAAWL,EAAAA,QAAO,gCAAgC,CAAA,CAAG,EAC3DK,EAAAA,IAAC,OAAA,CACC,UAAW,CACTL,EAAAA,QAAO,gCAAgC,EACvCA,EAAAA,QAAO,uCAAuC,CAAA,EAC9C,KAAK,GAAG,CAAA,CAAA,EAEZK,EAAAA,IAAC,OAAA,CAAK,UAAWL,EAAAA,QAAO,gCAAgC,CAAA,CAAG,CAAA,CAAA,CAC7D,CAAA,EAEJ,EAGFI,EAAAA,KAAC,MAAA,CAAI,UAAWJ,EAAAA,QAAO,mBAAmB,EACxC,SAAA,CAAAI,EAAAA,KAAC,MAAA,CAAI,UAAWJ,EAAAA,QAAO,oBAAoB,EACzC,SAAA,CAAAK,MAAC,KAAA,CAAG,UAAWL,EAAAA,QAAO,mBAAmB,EAAI,SAAAX,EAAM,EAClDK,GACCW,EAAAA,IAACC,EAAAA,QAAA,CACC,UAAWN,EAAAA,QAAO,mBAAmB,EACrC,aAAW,QACX,KAAK,QACL,QAAQ,UACR,MAAM,UACN,WAAOO,UAAA,CAAK,KAAK,KAAK,MAAOF,MAACG,IAAU,EAAI,EAC5C,QAASd,CAAA,CAAA,CACX,EAEJ,EAEAU,EAAAA,KAAC,MAAA,CAAI,UAAWJ,EAAAA,QAAO,kBAAkB,EACvC,SAAA,CAAAK,EAAAA,IAAC,MAAA,CAAI,UAAWL,EAAAA,QAAO,yBAAyB,EAAI,SAAAV,EAAS,EAC5DC,GAAS,MACRc,EAAAA,IAAC,MAAA,CAAI,UAAWL,EAAAA,QAAO,mBAAmB,EAAI,SAAAT,CAAA,CAAM,CAAA,EAExD,EAECY,GACCC,EAAAA,KAAC,MAAA,CAAI,UAAWJ,UAAO,oBAAoB,EACxC,SAAA,CAAAL,GAAY,KACXU,EAAAA,IAACI,EAAAA,QAAA,CACC,UAAWT,EAAAA,QAAO,sBAAsB,EACxC,MAAOL,EAAS,MAChB,WAAYA,EAAS,WACrB,SAAS,aACT,aAAcA,EAAS,YAAA,CAAA,QAGxB,OAAA,CAAK,UAAWK,EAAAA,QAAO,2BAA2B,EAAG,cAAW,GAAC,EAGnEJ,GAAiB,KAChBS,EAAAA,IAAC,OAAI,UAAWL,UAAO,uBAAuB,EAC5C,SAAAK,EAAAA,IAACK,EAAAA,QAAA,CACC,SAAS,UACT,KAAK,QACL,mBACGH,UAAA,CAAK,KAAK,KAAK,MAAOF,MAACM,IAAiB,EAAI,EAE/C,QAASf,EAAc,QAEtB,SAAAA,EAAc,KAAA,CAAA,EAEnB,EACE,IAAA,CAAA,CACN,CAAA,CAAA,CAEJ,CAAA,EACF,CAEJ"}
+{"version":3,"file":"TourPoint.cjs","sources":["../../../src/components/tour-point/TourPoint.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport ChevronRightIcon from '@mattermost/compass-icons/components/chevron-right';\nimport Button from '@/components/button/Button';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport PaginationDots from '@/components/pagination-dots/PaginationDots';\nimport { toKebab } from '@/utils/string';\nimport styles from './TourPoint.module.scss';\n\nexport type TourPointPointerPosition =\n  | 'top-center'\n  | 'top-left'\n  | 'top-right'\n  | 'bottom-center'\n  | 'bottom-left'\n  | 'bottom-right'\n  | 'left-center'\n  | 'right-center';\n\nexport interface TourPointProgress {\n  pages: number;\n  activePage: number;\n  onPageChange?: (page: number) => void;\n}\n\nexport interface TourPointPrimaryAction {\n  label: string;\n  onClick?: () => void;\n}\n\nexport interface TourPointProps {\n  title: string;\n  children: ReactNode;\n  /** Optional image between body copy and footer (e.g. screenshot as an img). */\n  media?: ReactNode;\n  /** Where the pointer sits on the card edge; omit or `none` to hide the pointer. */\n  pointerPosition?: TourPointPointerPosition | 'none';\n  /**\n   * Animated marker at the arrow tip (Figma Pulsing Dot). Only applies when a\n   * pointer is shown. Default on; set false for reduced motion preference at the\n   * callsite or a static tour step.\n   */\n  showPulsingDot?: boolean;\n  onClose?: () => void;\n  progress?: TourPointProgress;\n  primaryAction?: TourPointPrimaryAction;\n  className?: string;\n}\n\nexport default function TourPoint({\n  title,\n  children,\n  media,\n  pointerPosition = 'top-center',\n  showPulsingDot = true,\n  onClose,\n  progress,\n  primaryAction,\n  className = '',\n}: TourPointProps) {\n  const showPointer = pointerPosition !== 'none';\n  const pointerModifier =\n    showPointer &&\n    styles[\n      `tour-point--pointer-${toKebab(pointerPosition as TourPointPointerPosition)}`\n    ];\n\n  const rootClass = [styles['tour-point'], pointerModifier, className]\n    .filter(Boolean)\n    .join(' ');\n\n  const showFooter = progress != null || primaryAction != null;\n\n  return (\n    <div className={rootClass}>\n      {showPointer && (\n        <span className={styles['tour-point__pointer']} aria-hidden>\n          <span className={styles['tour-point__pointer-triangle']} />\n          {showPulsingDot && (\n            <span className={styles['tour-point__pointer-pulse']}>\n              <span className={styles['tour-point__pointer-pulse-ring']} />\n              <span\n                className={[\n                  styles['tour-point__pointer-pulse-ring'],\n                  styles['tour-point__pointer-pulse-ring--delay'],\n                ].join(' ')}\n              />\n              <span className={styles['tour-point__pointer-pulse-core']} />\n            </span>\n          )}\n        </span>\n      )}\n\n      <div className={styles['tour-point__panel']}>\n        <div className={styles['tour-point__header']}>\n          <h2 className={styles['tour-point__title']}>{title}</h2>\n          {onClose && (\n            <IconButton\n              className={styles['tour-point__close']}\n              aria-label=\"Close\"\n              size=\"small\"\n              padding=\"compact\"\n              style=\"default\"\n              icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n              onClick={onClose}\n            />\n          )}\n        </div>\n\n        <div className={styles['tour-point__body']}>\n          <div className={styles['tour-point__description']}>{children}</div>\n          {media != null && (\n            <div className={styles['tour-point__media']}>{media}</div>\n          )}\n        </div>\n\n        {showFooter && (\n          <div className={styles['tour-point__footer']}>\n            {progress != null ? (\n              <PaginationDots\n                className={styles['tour-point__progress']}\n                pages={progress.pages}\n                activePage={progress.activePage}\n                dotStyle=\"on-primary\"\n                onPageChange={progress.onPageChange}\n              />\n            ) : (\n              <span\n                className={styles['tour-point__footer-spacer']}\n                aria-hidden\n              />\n            )}\n\n            {primaryAction != null ? (\n              <div className={styles['tour-point__next-wrap']}>\n                <Button\n                  emphasis=\"primary\"\n                  size=\"small\"\n                  trailingIcon={<Icon size=\"16\" glyph={<ChevronRightIcon />} />}\n                  onClick={primaryAction.onClick}\n                >\n                  {primaryAction.label}\n                </Button>\n              </div>\n            ) : null}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["TourPoint","title","children","media","pointerPosition","showPulsingDot","onClose","progress","primaryAction","className","showPointer","pointerModifier","styles","toKebab","rootClass","showFooter","jsxs","jsx","IconButton","Icon","CloseIcon","PaginationDots","Button","ChevronRightIcon"],"mappings":"kfAkDA,SAAwBA,EAAU,CAChC,MAAAC,EACA,SAAAC,EACA,MAAAC,EACA,gBAAAC,EAAkB,aAClB,eAAAC,EAAiB,GACjB,QAAAC,EACA,SAAAC,EACA,cAAAC,EACA,UAAAC,EAAY,EACd,EAAmB,CACjB,MAAMC,EAAcN,IAAoB,OAClCO,EACJD,GACAE,UACE,uBAAuBC,UAAQT,CAA2C,CAAC,EAC7E,EAEIU,EAAY,CAACF,UAAO,YAAY,EAAGD,EAAiBF,CAAS,EAChE,OAAO,OAAO,EACd,KAAK,GAAG,EAELM,EAAaR,GAAY,MAAQC,GAAiB,KAExD,OACEQ,EAAAA,KAAC,MAAA,CAAI,UAAWF,EACb,SAAA,CAAAJ,UACE,OAAA,CAAK,UAAWE,UAAO,qBAAqB,EAAG,cAAW,GACzD,SAAA,CAAAK,EAAAA,IAAC,OAAA,CAAK,UAAWL,EAAAA,QAAO,8BAA8B,CAAA,CAAG,EACxDP,GACCW,EAAAA,KAAC,OAAA,CAAK,UAAWJ,UAAO,2BAA2B,EACjD,SAAA,CAAAK,EAAAA,IAAC,OAAA,CAAK,UAAWL,EAAAA,QAAO,gCAAgC,CAAA,CAAG,EAC3DK,EAAAA,IAAC,OAAA,CACC,UAAW,CACTL,EAAAA,QAAO,gCAAgC,EACvCA,EAAAA,QAAO,uCAAuC,CAAA,EAC9C,KAAK,GAAG,CAAA,CAAA,EAEZK,EAAAA,IAAC,OAAA,CAAK,UAAWL,EAAAA,QAAO,gCAAgC,CAAA,CAAG,CAAA,CAAA,CAC7D,CAAA,EAEJ,EAGFI,EAAAA,KAAC,MAAA,CAAI,UAAWJ,EAAAA,QAAO,mBAAmB,EACxC,SAAA,CAAAI,EAAAA,KAAC,MAAA,CAAI,UAAWJ,EAAAA,QAAO,oBAAoB,EACzC,SAAA,CAAAK,MAAC,KAAA,CAAG,UAAWL,EAAAA,QAAO,mBAAmB,EAAI,SAAAX,EAAM,EAClDK,GACCW,EAAAA,IAACC,EAAAA,QAAA,CACC,UAAWN,EAAAA,QAAO,mBAAmB,EACrC,aAAW,QACX,KAAK,QACL,QAAQ,UACR,MAAM,UACN,WAAOO,UAAA,CAAK,KAAK,KAAK,MAAOF,MAACG,IAAU,EAAI,EAC5C,QAASd,CAAA,CAAA,CACX,EAEJ,EAEAU,EAAAA,KAAC,MAAA,CAAI,UAAWJ,EAAAA,QAAO,kBAAkB,EACvC,SAAA,CAAAK,EAAAA,IAAC,MAAA,CAAI,UAAWL,EAAAA,QAAO,yBAAyB,EAAI,SAAAV,EAAS,EAC5DC,GAAS,MACRc,EAAAA,IAAC,MAAA,CAAI,UAAWL,EAAAA,QAAO,mBAAmB,EAAI,SAAAT,CAAA,CAAM,CAAA,EAExD,EAECY,GACCC,EAAAA,KAAC,MAAA,CAAI,UAAWJ,UAAO,oBAAoB,EACxC,SAAA,CAAAL,GAAY,KACXU,EAAAA,IAACI,EAAAA,QAAA,CACC,UAAWT,EAAAA,QAAO,sBAAsB,EACxC,MAAOL,EAAS,MAChB,WAAYA,EAAS,WACrB,SAAS,aACT,aAAcA,EAAS,YAAA,CAAA,EAGzBU,EAAAA,IAAC,OAAA,CACC,UAAWL,EAAAA,QAAO,2BAA2B,EAC7C,cAAW,EAAA,CAAA,EAIdJ,GAAiB,KAChBS,EAAAA,IAAC,OAAI,UAAWL,UAAO,uBAAuB,EAC5C,SAAAK,EAAAA,IAACK,EAAAA,QAAA,CACC,SAAS,UACT,KAAK,QACL,mBAAeH,UAAA,CAAK,KAAK,KAAK,MAAOF,MAACM,IAAiB,EAAI,EAC3D,QAASf,EAAc,QAEtB,SAAAA,EAAc,KAAA,CAAA,EAEnB,EACE,IAAA,CAAA,CACN,CAAA,CAAA,CAEJ,CAAA,EACF,CAEJ"}

package/dist/components/tour-point/TourPoint.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TourPoint.d.ts","sourceRoot":"","sources":["../../../src/components/tour-point/TourPoint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUvC,MAAM,MAAM,wBAAwB,GAChC,YAAY,GACZ,UAAU,GACV,WAAW,GACX,eAAe,GACf,aAAa,GACb,cAAc,GACd,aAAa,GACb,cAAc,CAAC;AAEnB,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,mFAAmF;IACnF,eAAe,CAAC,EAAE,wBAAwB,GAAG,MAAM,CAAC;IACpD;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,KAAK,EACL,eAA8B,EAC9B,cAAqB,EACrB,OAAO,EACP,QAAQ,EACR,aAAa,EACb,SAAc,GACf,EAAE,cAAc,2CA4FhB"}
+{"version":3,"file":"TourPoint.d.ts","sourceRoot":"","sources":["../../../src/components/tour-point/TourPoint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUvC,MAAM,MAAM,wBAAwB,GAChC,YAAY,GACZ,UAAU,GACV,WAAW,GACX,eAAe,GACf,aAAa,GACb,cAAc,GACd,aAAa,GACb,cAAc,CAAC;AAEnB,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,mFAAmF;IACnF,eAAe,CAAC,EAAE,wBAAwB,GAAG,MAAM,CAAC;IACpD;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,KAAK,EACL,eAA8B,EAC9B,cAAqB,EACrB,OAAO,EACP,QAAQ,EACR,aAAa,EACb,SAAc,GACf,EAAE,cAAc,2CA2FhB"}

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

@@ -18,11 +18,7 @@ function F({
   primaryAction: i,
   className: _ = ""
 }) {
-  const s = r !== "none", d = s && o[`tour-point--pointer-${P(r)}`], h = [
-    o["tour-point"],
-    d,
-    _
-  ].filter(Boolean).join(" "), N = n != null || i != null;
+  const s = r !== "none", d = s && o[`tour-point--pointer-${P(r)}`], h = [o["tour-point"], d, _].filter(Boolean).join(" "), N = n != null || i != null;
   return /* @__PURE__ */ e("div", { className: h, children: [
     s && /* @__PURE__ */ e("span", { className: o["tour-point__pointer"], "aria-hidden": !0, children: [
       /* @__PURE__ */ t("span", { className: o["tour-point__pointer-triangle"] }),
@@ -70,7 +66,13 @@ function F({
             dotStyle: "on-primary",
             onPageChange: n.onPageChange
           }
-        ) : /* @__PURE__ */ t("span", { className: o["tour-point__footer-spacer"], "aria-hidden": !0 }),
+        ) : /* @__PURE__ */ t(
+          "span",
+          {
+            className: o["tour-point__footer-spacer"],
+            "aria-hidden": !0
+          }
+        ),
         i != null ? /* @__PURE__ */ t("div", { className: o["tour-point__next-wrap"], children: /* @__PURE__ */ t(
           v,
           {

package/dist/components/tour-point/TourPoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"TourPoint.js","sources":["../../../src/components/tour-point/TourPoint.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport ChevronRightIcon from '@mattermost/compass-icons/components/chevron-right';\nimport Button from '@/components/button/Button';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport PaginationDots from '@/components/pagination-dots/PaginationDots';\nimport { toKebab } from '@/utils/string';\nimport styles from './TourPoint.module.scss';\n\nexport type TourPointPointerPosition =\n  | 'top-center'\n  | 'top-left'\n  | 'top-right'\n  | 'bottom-center'\n  | 'bottom-left'\n  | 'bottom-right'\n  | 'left-center'\n  | 'right-center';\n\nexport interface TourPointProgress {\n  pages: number;\n  activePage: number;\n  onPageChange?: (page: number) => void;\n}\n\nexport interface TourPointPrimaryAction {\n  label: string;\n  onClick?: () => void;\n}\n\nexport interface TourPointProps {\n  title: string;\n  children: ReactNode;\n  /** Optional image between body copy and footer (e.g. screenshot as an img). */\n  media?: ReactNode;\n  /** Where the pointer sits on the card edge; omit or `none` to hide the pointer. */\n  pointerPosition?: TourPointPointerPosition | 'none';\n  /**\n   * Animated marker at the arrow tip (Figma Pulsing Dot). Only applies when a\n   * pointer is shown. Default on; set false for reduced motion preference at the\n   * callsite or a static tour step.\n   */\n  showPulsingDot?: boolean;\n  onClose?: () => void;\n  progress?: TourPointProgress;\n  primaryAction?: TourPointPrimaryAction;\n  className?: string;\n}\n\nexport default function TourPoint({\n  title,\n  children,\n  media,\n  pointerPosition = 'top-center',\n  showPulsingDot = true,\n  onClose,\n  progress,\n  primaryAction,\n  className = '',\n}: TourPointProps) {\n  const showPointer = pointerPosition !== 'none';\n  const pointerModifier =\n    showPointer &&\n    styles[`tour-point--pointer-${toKebab(pointerPosition as TourPointPointerPosition)}`];\n\n  const rootClass = [\n    styles['tour-point'],\n    pointerModifier,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const showFooter = progress != null || primaryAction != null;\n\n  return (\n    <div className={rootClass}>\n      {showPointer && (\n        <span className={styles['tour-point__pointer']} aria-hidden>\n          <span className={styles['tour-point__pointer-triangle']} />\n          {showPulsingDot && (\n            <span className={styles['tour-point__pointer-pulse']}>\n              <span className={styles['tour-point__pointer-pulse-ring']} />\n              <span\n                className={[\n                  styles['tour-point__pointer-pulse-ring'],\n                  styles['tour-point__pointer-pulse-ring--delay'],\n                ].join(' ')}\n              />\n              <span className={styles['tour-point__pointer-pulse-core']} />\n            </span>\n          )}\n        </span>\n      )}\n\n      <div className={styles['tour-point__panel']}>\n        <div className={styles['tour-point__header']}>\n          <h2 className={styles['tour-point__title']}>{title}</h2>\n          {onClose && (\n            <IconButton\n              className={styles['tour-point__close']}\n              aria-label=\"Close\"\n              size=\"small\"\n              padding=\"compact\"\n              style=\"default\"\n              icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n              onClick={onClose}\n            />\n          )}\n        </div>\n\n        <div className={styles['tour-point__body']}>\n          <div className={styles['tour-point__description']}>{children}</div>\n          {media != null && (\n            <div className={styles['tour-point__media']}>{media}</div>\n          )}\n        </div>\n\n        {showFooter && (\n          <div className={styles['tour-point__footer']}>\n            {progress != null ? (\n              <PaginationDots\n                className={styles['tour-point__progress']}\n                pages={progress.pages}\n                activePage={progress.activePage}\n                dotStyle=\"on-primary\"\n                onPageChange={progress.onPageChange}\n              />\n            ) : (\n              <span className={styles['tour-point__footer-spacer']} aria-hidden />\n            )}\n\n            {primaryAction != null ? (\n              <div className={styles['tour-point__next-wrap']}>\n                <Button\n                  emphasis=\"primary\"\n                  size=\"small\"\n                  trailingIcon={\n                    <Icon size=\"16\" glyph={<ChevronRightIcon />} />\n                  }\n                  onClick={primaryAction.onClick}\n                >\n                  {primaryAction.label}\n                </Button>\n              </div>\n            ) : null}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["TourPoint","title","children","media","pointerPosition","showPulsingDot","onClose","progress","primaryAction","className","showPointer","pointerModifier","styles","toKebab","rootClass","showFooter","jsxs","jsx","IconButton","Icon","CloseIcon","PaginationDots","Button","ChevronRightIcon"],"mappings":"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"}
+{"version":3,"file":"TourPoint.js","sources":["../../../src/components/tour-point/TourPoint.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport ChevronRightIcon from '@mattermost/compass-icons/components/chevron-right';\nimport Button from '@/components/button/Button';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport PaginationDots from '@/components/pagination-dots/PaginationDots';\nimport { toKebab } from '@/utils/string';\nimport styles from './TourPoint.module.scss';\n\nexport type TourPointPointerPosition =\n  | 'top-center'\n  | 'top-left'\n  | 'top-right'\n  | 'bottom-center'\n  | 'bottom-left'\n  | 'bottom-right'\n  | 'left-center'\n  | 'right-center';\n\nexport interface TourPointProgress {\n  pages: number;\n  activePage: number;\n  onPageChange?: (page: number) => void;\n}\n\nexport interface TourPointPrimaryAction {\n  label: string;\n  onClick?: () => void;\n}\n\nexport interface TourPointProps {\n  title: string;\n  children: ReactNode;\n  /** Optional image between body copy and footer (e.g. screenshot as an img). */\n  media?: ReactNode;\n  /** Where the pointer sits on the card edge; omit or `none` to hide the pointer. */\n  pointerPosition?: TourPointPointerPosition | 'none';\n  /**\n   * Animated marker at the arrow tip (Figma Pulsing Dot). Only applies when a\n   * pointer is shown. Default on; set false for reduced motion preference at the\n   * callsite or a static tour step.\n   */\n  showPulsingDot?: boolean;\n  onClose?: () => void;\n  progress?: TourPointProgress;\n  primaryAction?: TourPointPrimaryAction;\n  className?: string;\n}\n\nexport default function TourPoint({\n  title,\n  children,\n  media,\n  pointerPosition = 'top-center',\n  showPulsingDot = true,\n  onClose,\n  progress,\n  primaryAction,\n  className = '',\n}: TourPointProps) {\n  const showPointer = pointerPosition !== 'none';\n  const pointerModifier =\n    showPointer &&\n    styles[\n      `tour-point--pointer-${toKebab(pointerPosition as TourPointPointerPosition)}`\n    ];\n\n  const rootClass = [styles['tour-point'], pointerModifier, className]\n    .filter(Boolean)\n    .join(' ');\n\n  const showFooter = progress != null || primaryAction != null;\n\n  return (\n    <div className={rootClass}>\n      {showPointer && (\n        <span className={styles['tour-point__pointer']} aria-hidden>\n          <span className={styles['tour-point__pointer-triangle']} />\n          {showPulsingDot && (\n            <span className={styles['tour-point__pointer-pulse']}>\n              <span className={styles['tour-point__pointer-pulse-ring']} />\n              <span\n                className={[\n                  styles['tour-point__pointer-pulse-ring'],\n                  styles['tour-point__pointer-pulse-ring--delay'],\n                ].join(' ')}\n              />\n              <span className={styles['tour-point__pointer-pulse-core']} />\n            </span>\n          )}\n        </span>\n      )}\n\n      <div className={styles['tour-point__panel']}>\n        <div className={styles['tour-point__header']}>\n          <h2 className={styles['tour-point__title']}>{title}</h2>\n          {onClose && (\n            <IconButton\n              className={styles['tour-point__close']}\n              aria-label=\"Close\"\n              size=\"small\"\n              padding=\"compact\"\n              style=\"default\"\n              icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n              onClick={onClose}\n            />\n          )}\n        </div>\n\n        <div className={styles['tour-point__body']}>\n          <div className={styles['tour-point__description']}>{children}</div>\n          {media != null && (\n            <div className={styles['tour-point__media']}>{media}</div>\n          )}\n        </div>\n\n        {showFooter && (\n          <div className={styles['tour-point__footer']}>\n            {progress != null ? (\n              <PaginationDots\n                className={styles['tour-point__progress']}\n                pages={progress.pages}\n                activePage={progress.activePage}\n                dotStyle=\"on-primary\"\n                onPageChange={progress.onPageChange}\n              />\n            ) : (\n              <span\n                className={styles['tour-point__footer-spacer']}\n                aria-hidden\n              />\n            )}\n\n            {primaryAction != null ? (\n              <div className={styles['tour-point__next-wrap']}>\n                <Button\n                  emphasis=\"primary\"\n                  size=\"small\"\n                  trailingIcon={<Icon size=\"16\" glyph={<ChevronRightIcon />} />}\n                  onClick={primaryAction.onClick}\n                >\n                  {primaryAction.label}\n                </Button>\n              </div>\n            ) : null}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["TourPoint","title","children","media","pointerPosition","showPulsingDot","onClose","progress","primaryAction","className","showPointer","pointerModifier","styles","toKebab","rootClass","showFooter","jsxs","jsx","IconButton","Icon","CloseIcon","PaginationDots","Button","ChevronRightIcon"],"mappings":"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"}

package/dist/components/user-avatar-group/UserAvatarGroup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UserAvatarGroup.cjs","sources":["../../../src/components/user-avatar-group/UserAvatarGroup.tsx"],"sourcesContent":["import Tooltip from '@/components/tooltip/Tooltip';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport styles from './UserAvatarGroup.module.scss';\n\nexport type UserAvatarGroupSize =\n  | '20'\n  | '24'\n  | '28'\n  | '32'\n  | '40'\n  | '48'\n  | '56'\n  | '64'\n  | '72';\n\nexport interface UserAvatarGroupItem {\n  /** Unique key for the list item. */\n  key: string;\n  /** Image URL for the avatar. Omit to render the Fallback (initials) variant. */\n  src?: string;\n  /** Alt text / display name for the avatar. Drives initials and fallback colour. */\n  name: string;\n}\n\nexport interface UserAvatarGroupProps {\n  /** Array of avatar items to display. */\n  avatars: UserAvatarGroupItem[];\n  /** Maximum number of avatars to show before showing the overflow count. Default: 3. */\n  max?: number;\n  /** Avatar size in px. Matches Figma Avatar Group size options. Default: '20'. */\n  size?: UserAvatarGroupSize;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\nfunction overflowNamesLabel(hidden: UserAvatarGroupItem[]): string {\n  if (hidden.length === 0) return '';\n  if (hidden.length === 1) return hidden[0].name;\n  if (hidden.length <= 3) return hidden.map((a) => a.name).join(', ');\n  return `${hidden\n    .slice(0, 2)\n    .map((a) => a.name)\n    .join(', ')}, +${hidden.length - 2} more`;\n}\n\n/**\n * A User Avatar Group displays multiple participants as a stack of overlapping avatars. It's\n * a compact way to show \"who's involved\" — thread participants, channel members, call\n * attendees — without a list.\n */\nexport default function UserAvatarGroup({\n  avatars,\n  className = '',\n  max = 3,\n  size = '20',\n}: UserAvatarGroupProps) {\n  const visible = avatars.slice(0, max);\n  const hidden = avatars.slice(max);\n  const overflow = hidden.length;\n\n  const rootClass = [\n    styles['user-avatar-group'],\n    size !== '20' ? styles[`user-avatar-group--size-${size}`] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div\n      className={rootClass}\n      role=\"group\"\n      aria-label={`${avatars.length} participants`}\n    >\n      {visible.map((avatar) => (\n        <span\n          key={avatar.key}\n          className={styles['user-avatar-group__item']}\n        >\n          <span className={styles['user-avatar-group__trigger']}>\n            <UserAvatar\n              src={avatar.src}\n              alt={avatar.name}\n              name={avatar.name}\n              size={size}\n            />\n          </span>\n          <div\n            className={styles['user-avatar-group__tooltip-layer']}\n            role=\"presentation\"\n          >\n            <Tooltip\n              arrow=\"bottom\"\n              className={styles['user-avatar-group__tooltip']}\n              label={avatar.name}\n            />\n          </div>\n        </span>\n      ))}\n      {overflow > 0 && (\n        <span\n          className={[\n            styles['user-avatar-group__item'],\n            styles['user-avatar-group__overflow'],\n          ].join(' ')}\n          aria-label={`${overflow} more participants`}\n        >\n          <span className={styles['user-avatar-group__trigger']}>\n            +{overflow}\n          </span>\n          <div\n            className={styles['user-avatar-group__tooltip-layer']}\n            role=\"presentation\"\n          >\n            <Tooltip\n              arrow=\"bottom\"\n              className={styles['user-avatar-group__tooltip']}\n              label={overflowNamesLabel(hidden)}\n            />\n          </div>\n        </span>\n      )}\n    </div>\n  );\n}\n"],"names":["overflowNamesLabel","hidden","a","UserAvatarGroup","avatars","className","max","size","visible","overflow","rootClass","styles","jsxs","avatar","jsx","UserAvatar","Tooltip"],"mappings":"8QAmCA,SAASA,EAAmBC,EAAuC,CACjE,OAAIA,EAAO,SAAW,EAAU,GAC5BA,EAAO,SAAW,EAAUA,EAAO,CAAC,EAAE,KACtCA,EAAO,QAAU,EAAUA,EAAO,IAAKC,GAAMA,EAAE,IAAI,EAAE,KAAK,IAAI,EAC3D,GAAGD,EACP,MAAM,EAAG,CAAC,EACV,IAAKC,GAAMA,EAAE,IAAI,EACjB,KAAK,IAAI,CAAC,MAAMD,EAAO,OAAS,CAAC,OACtC,CAOA,SAAwBE,EAAgB,CACtC,QAAAC,EACA,UAAAC,EAAY,GACZ,IAAAC,EAAM,EACN,KAAAC,EAAO,IACT,EAAyB,CACvB,MAAMC,EAAUJ,EAAQ,MAAM,EAAGE,CAAG,EAC9BL,EAASG,EAAQ,MAAME,CAAG,EAC1BG,EAAWR,EAAO,OAElBS,EAAY,CAChBC,EAAAA,QAAO,mBAAmB,EAC1BJ,IAAS,KAAOI,UAAO,2BAA2BJ,CAAI,EAAE,EAAI,GAC5DF,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEO,EAAAA,KAAC,MAAA,CACC,UAAWF,EACX,KAAK,QACL,aAAY,GAAGN,EAAQ,MAAM,gBAE5B,SAAA,CAAAI,EAAQ,IAAKK,GACZD,EAAAA,KAAC,OAAA,CAEC,UAAWD,EAAAA,QAAO,yBAAyB,EAE3C,SAAA,CAAAG,EAAAA,IAAC,OAAA,CAAK,UAAWH,EAAAA,QAAO,4BAA4B,EAClD,SAAAG,EAAAA,IAACC,EAAAA,QAAA,CACC,IAAKF,EAAO,IACZ,IAAKA,EAAO,KACZ,KAAMA,EAAO,KACb,KAAAN,CAAA,CAAA,EAEJ,EACAO,EAAAA,IAAC,MAAA,CACC,UAAWH,EAAAA,QAAO,kCAAkC,EACpD,KAAK,eAEL,SAAAG,EAAAA,IAACE,EAAAA,QAAA,CACC,MAAM,SACN,UAAWL,EAAAA,QAAO,4BAA4B,EAC9C,MAAOE,EAAO,IAAA,CAAA,CAChB,CAAA,CACF,CAAA,EApBKA,EAAO,GAAA,CAsBf,EACAJ,EAAW,GACVG,EAAAA,KAAC,OAAA,CACC,UAAW,CACTD,EAAAA,QAAO,yBAAyB,EAChCA,EAAAA,QAAO,6BAA6B,CAAA,EACpC,KAAK,GAAG,EACV,aAAY,GAAGF,CAAQ,qBAEvB,SAAA,CAAAG,EAAAA,KAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,4BAA4B,EAAG,SAAA,CAAA,IACnDF,CAAA,EACJ,EACAK,EAAAA,IAAC,MAAA,CACC,UAAWH,EAAAA,QAAO,kCAAkC,EACpD,KAAK,eAEL,SAAAG,EAAAA,IAACE,EAAAA,QAAA,CACC,MAAM,SACN,UAAWL,EAAAA,QAAO,4BAA4B,EAC9C,MAAOX,EAAmBC,CAAM,CAAA,CAAA,CAClC,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CAIR"}
+{"version":3,"file":"UserAvatarGroup.cjs","sources":["../../../src/components/user-avatar-group/UserAvatarGroup.tsx"],"sourcesContent":["import Tooltip from '@/components/tooltip/Tooltip';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport styles from './UserAvatarGroup.module.scss';\n\nexport type UserAvatarGroupSize =\n  | '20'\n  | '24'\n  | '28'\n  | '32'\n  | '40'\n  | '48'\n  | '56'\n  | '64'\n  | '72';\n\nexport interface UserAvatarGroupItem {\n  /** Unique key for the list item. */\n  key: string;\n  /** Image URL for the avatar. Omit to render the Fallback (initials) variant. */\n  src?: string;\n  /** Alt text / display name for the avatar. Drives initials and fallback colour. */\n  name: string;\n}\n\nexport interface UserAvatarGroupProps {\n  /** Array of avatar items to display. */\n  avatars: UserAvatarGroupItem[];\n  /** Maximum number of avatars to show before showing the overflow count. Default: 3. */\n  max?: number;\n  /** Avatar size in px. Matches Figma Avatar Group size options. Default: '20'. */\n  size?: UserAvatarGroupSize;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\nfunction overflowNamesLabel(hidden: UserAvatarGroupItem[]): string {\n  if (hidden.length === 0) return '';\n  if (hidden.length === 1) return hidden[0].name;\n  if (hidden.length <= 3) return hidden.map((a) => a.name).join(', ');\n  return `${hidden\n    .slice(0, 2)\n    .map((a) => a.name)\n    .join(', ')}, +${hidden.length - 2} more`;\n}\n\n/**\n * A User Avatar Group displays multiple participants as a stack of overlapping avatars. It's\n * a compact way to show \"who's involved\" — thread participants, channel members, call\n * attendees — without a list.\n */\nexport default function UserAvatarGroup({\n  avatars,\n  className = '',\n  max = 3,\n  size = '20',\n}: UserAvatarGroupProps) {\n  const visible = avatars.slice(0, max);\n  const hidden = avatars.slice(max);\n  const overflow = hidden.length;\n\n  const rootClass = [\n    styles['user-avatar-group'],\n    size !== '20' ? styles[`user-avatar-group--size-${size}`] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div\n      className={rootClass}\n      role=\"group\"\n      aria-label={`${avatars.length} participants`}\n    >\n      {visible.map((avatar) => (\n        <span key={avatar.key} className={styles['user-avatar-group__item']}>\n          <span className={styles['user-avatar-group__trigger']}>\n            <UserAvatar\n              src={avatar.src}\n              alt={avatar.name}\n              name={avatar.name}\n              size={size}\n            />\n          </span>\n          <div\n            className={styles['user-avatar-group__tooltip-layer']}\n            role=\"presentation\"\n          >\n            <Tooltip\n              arrow=\"bottom\"\n              className={styles['user-avatar-group__tooltip']}\n              label={avatar.name}\n            />\n          </div>\n        </span>\n      ))}\n      {overflow > 0 && (\n        <span\n          className={[\n            styles['user-avatar-group__item'],\n            styles['user-avatar-group__overflow'],\n          ].join(' ')}\n          aria-label={`${overflow} more participants`}\n        >\n          <span className={styles['user-avatar-group__trigger']}>\n            +{overflow}\n          </span>\n          <div\n            className={styles['user-avatar-group__tooltip-layer']}\n            role=\"presentation\"\n          >\n            <Tooltip\n              arrow=\"bottom\"\n              className={styles['user-avatar-group__tooltip']}\n              label={overflowNamesLabel(hidden)}\n            />\n          </div>\n        </span>\n      )}\n    </div>\n  );\n}\n"],"names":["overflowNamesLabel","hidden","a","UserAvatarGroup","avatars","className","max","size","visible","overflow","rootClass","styles","jsxs","avatar","jsx","UserAvatar","Tooltip"],"mappings":"8QAmCA,SAASA,EAAmBC,EAAuC,CACjE,OAAIA,EAAO,SAAW,EAAU,GAC5BA,EAAO,SAAW,EAAUA,EAAO,CAAC,EAAE,KACtCA,EAAO,QAAU,EAAUA,EAAO,IAAKC,GAAMA,EAAE,IAAI,EAAE,KAAK,IAAI,EAC3D,GAAGD,EACP,MAAM,EAAG,CAAC,EACV,IAAKC,GAAMA,EAAE,IAAI,EACjB,KAAK,IAAI,CAAC,MAAMD,EAAO,OAAS,CAAC,OACtC,CAOA,SAAwBE,EAAgB,CACtC,QAAAC,EACA,UAAAC,EAAY,GACZ,IAAAC,EAAM,EACN,KAAAC,EAAO,IACT,EAAyB,CACvB,MAAMC,EAAUJ,EAAQ,MAAM,EAAGE,CAAG,EAC9BL,EAASG,EAAQ,MAAME,CAAG,EAC1BG,EAAWR,EAAO,OAElBS,EAAY,CAChBC,EAAAA,QAAO,mBAAmB,EAC1BJ,IAAS,KAAOI,UAAO,2BAA2BJ,CAAI,EAAE,EAAI,GAC5DF,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEO,EAAAA,KAAC,MAAA,CACC,UAAWF,EACX,KAAK,QACL,aAAY,GAAGN,EAAQ,MAAM,gBAE5B,SAAA,CAAAI,EAAQ,IAAKK,GACZD,OAAC,QAAsB,UAAWD,EAAAA,QAAO,yBAAyB,EAChE,SAAA,CAAAG,EAAAA,IAAC,OAAA,CAAK,UAAWH,EAAAA,QAAO,4BAA4B,EAClD,SAAAG,EAAAA,IAACC,EAAAA,QAAA,CACC,IAAKF,EAAO,IACZ,IAAKA,EAAO,KACZ,KAAMA,EAAO,KACb,KAAAN,CAAA,CAAA,EAEJ,EACAO,EAAAA,IAAC,MAAA,CACC,UAAWH,EAAAA,QAAO,kCAAkC,EACpD,KAAK,eAEL,SAAAG,EAAAA,IAACE,EAAAA,QAAA,CACC,MAAM,SACN,UAAWL,EAAAA,QAAO,4BAA4B,EAC9C,MAAOE,EAAO,IAAA,CAAA,CAChB,CAAA,CACF,GAlBSA,EAAO,GAmBlB,CACD,EACAJ,EAAW,GACVG,EAAAA,KAAC,OAAA,CACC,UAAW,CACTD,EAAAA,QAAO,yBAAyB,EAChCA,EAAAA,QAAO,6BAA6B,CAAA,EACpC,KAAK,GAAG,EACV,aAAY,GAAGF,CAAQ,qBAEvB,SAAA,CAAAG,EAAAA,KAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,4BAA4B,EAAG,SAAA,CAAA,IACnDF,CAAA,EACJ,EACAK,EAAAA,IAAC,MAAA,CACC,UAAWH,EAAAA,QAAO,kCAAkC,EACpD,KAAK,eAEL,SAAAG,EAAAA,IAACE,EAAAA,QAAA,CACC,MAAM,SACN,UAAWL,EAAAA,QAAO,4BAA4B,EAC9C,MAAOX,EAAmBC,CAAM,CAAA,CAAA,CAClC,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CAIR"}

package/dist/components/user-avatar-group/UserAvatarGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserAvatarGroup.d.ts","sourceRoot":"","sources":["../../../src/components/user-avatar-group/UserAvatarGroup.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,mBAAmB,GAC3B,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAC;AAET,MAAM,WAAW,mBAAmB;IAClC,oCAAoC;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,gFAAgF;IAChF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mFAAmF;IACnF,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,oBAAoB;IACnC,wCAAwC;IACxC,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,uFAAuF;IACvF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iFAAiF;IACjF,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAYD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,OAAO,EACP,SAAc,EACd,GAAO,EACP,IAAW,GACZ,EAAE,oBAAoB,2CAqEtB"}
+{"version":3,"file":"UserAvatarGroup.d.ts","sourceRoot":"","sources":["../../../src/components/user-avatar-group/UserAvatarGroup.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,mBAAmB,GAC3B,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAC;AAET,MAAM,WAAW,mBAAmB;IAClC,oCAAoC;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,gFAAgF;IAChF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mFAAmF;IACnF,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,oBAAoB;IACnC,wCAAwC;IACxC,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,uFAAuF;IACvF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iFAAiF;IACjF,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAYD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,OAAO,EACP,SAAc,EACd,GAAO,EACP,IAAW,GACZ,EAAE,oBAAoB,2CAkEtB"}

package/dist/components/user-avatar-group/UserAvatarGroup.js

@@ -23,39 +23,32 @@ function h({
       role: "group",
       "aria-label": `${r.length} participants`,
       children: [
-        u.map((t) => /* @__PURE__ */ s(
-          "span",
-          {
-            className: a["user-avatar-group__item"],
-            children: [
-              /* @__PURE__ */ e("span", { className: a["user-avatar-group__trigger"], children: /* @__PURE__ */ e(
-                g,
+        u.map((t) => /* @__PURE__ */ s("span", { className: a["user-avatar-group__item"], children: [
+          /* @__PURE__ */ e("span", { className: a["user-avatar-group__trigger"], children: /* @__PURE__ */ e(
+            g,
+            {
+              src: t.src,
+              alt: t.name,
+              name: t.name,
+              size: l
+            }
+          ) }),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: a["user-avatar-group__tooltip-layer"],
+              role: "presentation",
+              children: /* @__PURE__ */ e(
+                m,
                 {
-                  src: t.src,
-                  alt: t.name,
-                  name: t.name,
-                  size: l
-                }
-              ) }),
-              /* @__PURE__ */ e(
-                "div",
-                {
-                  className: a["user-avatar-group__tooltip-layer"],
-                  role: "presentation",
-                  children: /* @__PURE__ */ e(
-                    m,
-                    {
-                      arrow: "bottom",
-                      className: a["user-avatar-group__tooltip"],
-                      label: t.name
-                    }
-                  )
+                  arrow: "bottom",
+                  className: a["user-avatar-group__tooltip"],
+                  label: t.name
                 }
               )
-            ]
-          },
-          t.key
-        )),
+            }
+          )
+        ] }, t.key)),
         n > 0 && /* @__PURE__ */ s(
           "span",
           {

package/dist/components/user-avatar-group/UserAvatarGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserAvatarGroup.js","sources":["../../../src/components/user-avatar-group/UserAvatarGroup.tsx"],"sourcesContent":["import Tooltip from '@/components/tooltip/Tooltip';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport styles from './UserAvatarGroup.module.scss';\n\nexport type UserAvatarGroupSize =\n  | '20'\n  | '24'\n  | '28'\n  | '32'\n  | '40'\n  | '48'\n  | '56'\n  | '64'\n  | '72';\n\nexport interface UserAvatarGroupItem {\n  /** Unique key for the list item. */\n  key: string;\n  /** Image URL for the avatar. Omit to render the Fallback (initials) variant. */\n  src?: string;\n  /** Alt text / display name for the avatar. Drives initials and fallback colour. */\n  name: string;\n}\n\nexport interface UserAvatarGroupProps {\n  /** Array of avatar items to display. */\n  avatars: UserAvatarGroupItem[];\n  /** Maximum number of avatars to show before showing the overflow count. Default: 3. */\n  max?: number;\n  /** Avatar size in px. Matches Figma Avatar Group size options. Default: '20'. */\n  size?: UserAvatarGroupSize;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\nfunction overflowNamesLabel(hidden: UserAvatarGroupItem[]): string {\n  if (hidden.length === 0) return '';\n  if (hidden.length === 1) return hidden[0].name;\n  if (hidden.length <= 3) return hidden.map((a) => a.name).join(', ');\n  return `${hidden\n    .slice(0, 2)\n    .map((a) => a.name)\n    .join(', ')}, +${hidden.length - 2} more`;\n}\n\n/**\n * A User Avatar Group displays multiple participants as a stack of overlapping avatars. It's\n * a compact way to show \"who's involved\" — thread participants, channel members, call\n * attendees — without a list.\n */\nexport default function UserAvatarGroup({\n  avatars,\n  className = '',\n  max = 3,\n  size = '20',\n}: UserAvatarGroupProps) {\n  const visible = avatars.slice(0, max);\n  const hidden = avatars.slice(max);\n  const overflow = hidden.length;\n\n  const rootClass = [\n    styles['user-avatar-group'],\n    size !== '20' ? styles[`user-avatar-group--size-${size}`] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div\n      className={rootClass}\n      role=\"group\"\n      aria-label={`${avatars.length} participants`}\n    >\n      {visible.map((avatar) => (\n        <span\n          key={avatar.key}\n          className={styles['user-avatar-group__item']}\n        >\n          <span className={styles['user-avatar-group__trigger']}>\n            <UserAvatar\n              src={avatar.src}\n              alt={avatar.name}\n              name={avatar.name}\n              size={size}\n            />\n          </span>\n          <div\n            className={styles['user-avatar-group__tooltip-layer']}\n            role=\"presentation\"\n          >\n            <Tooltip\n              arrow=\"bottom\"\n              className={styles['user-avatar-group__tooltip']}\n              label={avatar.name}\n            />\n          </div>\n        </span>\n      ))}\n      {overflow > 0 && (\n        <span\n          className={[\n            styles['user-avatar-group__item'],\n            styles['user-avatar-group__overflow'],\n          ].join(' ')}\n          aria-label={`${overflow} more participants`}\n        >\n          <span className={styles['user-avatar-group__trigger']}>\n            +{overflow}\n          </span>\n          <div\n            className={styles['user-avatar-group__tooltip-layer']}\n            role=\"presentation\"\n          >\n            <Tooltip\n              arrow=\"bottom\"\n              className={styles['user-avatar-group__tooltip']}\n              label={overflowNamesLabel(hidden)}\n            />\n          </div>\n        </span>\n      )}\n    </div>\n  );\n}\n"],"names":["overflowNamesLabel","hidden","a","UserAvatarGroup","avatars","className","max","size","visible","overflow","rootClass","styles","jsxs","avatar","jsx","UserAvatar","Tooltip"],"mappings":";;;;AAmCA,SAASA,EAAmBC,GAAuC;AACjE,SAAIA,EAAO,WAAW,IAAU,KAC5BA,EAAO,WAAW,IAAUA,EAAO,CAAC,EAAE,OACtCA,EAAO,UAAU,IAAUA,EAAO,IAAI,CAACC,MAAMA,EAAE,IAAI,EAAE,KAAK,IAAI,IAC3D,GAAGD,EACP,MAAM,GAAG,CAAC,EACV,IAAI,CAACC,MAAMA,EAAE,IAAI,EACjB,KAAK,IAAI,CAAC,MAAMD,EAAO,SAAS,CAAC;AACtC;AAOA,SAAwBE,EAAgB;AAAA,EACtC,SAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,KAAAC,IAAM;AAAA,EACN,MAAAC,IAAO;AACT,GAAyB;AACvB,QAAMC,IAAUJ,EAAQ,MAAM,GAAGE,CAAG,GAC9BL,IAASG,EAAQ,MAAME,CAAG,GAC1BG,IAAWR,EAAO,QAElBS,IAAY;AAAA,IAChBC,EAAO,mBAAmB;AAAA,IAC1BJ,MAAS,OAAOI,EAAO,2BAA2BJ,CAAI,EAAE,IAAI;AAAA,IAC5DF;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,MACX,MAAK;AAAA,MACL,cAAY,GAAGN,EAAQ,MAAM;AAAA,MAE5B,UAAA;AAAA,QAAAI,EAAQ,IAAI,CAACK,MACZ,gBAAAD;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAWD,EAAO,yBAAyB;AAAA,YAE3C,UAAA;AAAA,cAAA,gBAAAG,EAAC,QAAA,EAAK,WAAWH,EAAO,4BAA4B,GAClD,UAAA,gBAAAG;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,KAAKF,EAAO;AAAA,kBACZ,KAAKA,EAAO;AAAA,kBACZ,MAAMA,EAAO;AAAA,kBACb,MAAAN;AAAA,gBAAA;AAAA,cAAA,GAEJ;AAAA,cACA,gBAAAO;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWH,EAAO,kCAAkC;AAAA,kBACpD,MAAK;AAAA,kBAEL,UAAA,gBAAAG;AAAA,oBAACE;AAAA,oBAAA;AAAA,sBACC,OAAM;AAAA,sBACN,WAAWL,EAAO,4BAA4B;AAAA,sBAC9C,OAAOE,EAAO;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAChB;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,UApBKA,EAAO;AAAA,QAAA,CAsBf;AAAA,QACAJ,IAAW,KACV,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACTD,EAAO,yBAAyB;AAAA,cAChCA,EAAO,6BAA6B;AAAA,YAAA,EACpC,KAAK,GAAG;AAAA,YACV,cAAY,GAAGF,CAAQ;AAAA,YAEvB,UAAA;AAAA,cAAA,gBAAAG,EAAC,QAAA,EAAK,WAAWD,EAAO,4BAA4B,GAAG,UAAA;AAAA,gBAAA;AAAA,gBACnDF;AAAA,cAAA,GACJ;AAAA,cACA,gBAAAK;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWH,EAAO,kCAAkC;AAAA,kBACpD,MAAK;AAAA,kBAEL,UAAA,gBAAAG;AAAA,oBAACE;AAAA,oBAAA;AAAA,sBACC,OAAM;AAAA,sBACN,WAAWL,EAAO,4BAA4B;AAAA,sBAC9C,OAAOX,EAAmBC,CAAM;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAClC;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"UserAvatarGroup.js","sources":["../../../src/components/user-avatar-group/UserAvatarGroup.tsx"],"sourcesContent":["import Tooltip from '@/components/tooltip/Tooltip';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport styles from './UserAvatarGroup.module.scss';\n\nexport type UserAvatarGroupSize =\n  | '20'\n  | '24'\n  | '28'\n  | '32'\n  | '40'\n  | '48'\n  | '56'\n  | '64'\n  | '72';\n\nexport interface UserAvatarGroupItem {\n  /** Unique key for the list item. */\n  key: string;\n  /** Image URL for the avatar. Omit to render the Fallback (initials) variant. */\n  src?: string;\n  /** Alt text / display name for the avatar. Drives initials and fallback colour. */\n  name: string;\n}\n\nexport interface UserAvatarGroupProps {\n  /** Array of avatar items to display. */\n  avatars: UserAvatarGroupItem[];\n  /** Maximum number of avatars to show before showing the overflow count. Default: 3. */\n  max?: number;\n  /** Avatar size in px. Matches Figma Avatar Group size options. Default: '20'. */\n  size?: UserAvatarGroupSize;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\nfunction overflowNamesLabel(hidden: UserAvatarGroupItem[]): string {\n  if (hidden.length === 0) return '';\n  if (hidden.length === 1) return hidden[0].name;\n  if (hidden.length <= 3) return hidden.map((a) => a.name).join(', ');\n  return `${hidden\n    .slice(0, 2)\n    .map((a) => a.name)\n    .join(', ')}, +${hidden.length - 2} more`;\n}\n\n/**\n * A User Avatar Group displays multiple participants as a stack of overlapping avatars. It's\n * a compact way to show \"who's involved\" — thread participants, channel members, call\n * attendees — without a list.\n */\nexport default function UserAvatarGroup({\n  avatars,\n  className = '',\n  max = 3,\n  size = '20',\n}: UserAvatarGroupProps) {\n  const visible = avatars.slice(0, max);\n  const hidden = avatars.slice(max);\n  const overflow = hidden.length;\n\n  const rootClass = [\n    styles['user-avatar-group'],\n    size !== '20' ? styles[`user-avatar-group--size-${size}`] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div\n      className={rootClass}\n      role=\"group\"\n      aria-label={`${avatars.length} participants`}\n    >\n      {visible.map((avatar) => (\n        <span key={avatar.key} className={styles['user-avatar-group__item']}>\n          <span className={styles['user-avatar-group__trigger']}>\n            <UserAvatar\n              src={avatar.src}\n              alt={avatar.name}\n              name={avatar.name}\n              size={size}\n            />\n          </span>\n          <div\n            className={styles['user-avatar-group__tooltip-layer']}\n            role=\"presentation\"\n          >\n            <Tooltip\n              arrow=\"bottom\"\n              className={styles['user-avatar-group__tooltip']}\n              label={avatar.name}\n            />\n          </div>\n        </span>\n      ))}\n      {overflow > 0 && (\n        <span\n          className={[\n            styles['user-avatar-group__item'],\n            styles['user-avatar-group__overflow'],\n          ].join(' ')}\n          aria-label={`${overflow} more participants`}\n        >\n          <span className={styles['user-avatar-group__trigger']}>\n            +{overflow}\n          </span>\n          <div\n            className={styles['user-avatar-group__tooltip-layer']}\n            role=\"presentation\"\n          >\n            <Tooltip\n              arrow=\"bottom\"\n              className={styles['user-avatar-group__tooltip']}\n              label={overflowNamesLabel(hidden)}\n            />\n          </div>\n        </span>\n      )}\n    </div>\n  );\n}\n"],"names":["overflowNamesLabel","hidden","a","UserAvatarGroup","avatars","className","max","size","visible","overflow","rootClass","styles","jsxs","avatar","jsx","UserAvatar","Tooltip"],"mappings":";;;;AAmCA,SAASA,EAAmBC,GAAuC;AACjE,SAAIA,EAAO,WAAW,IAAU,KAC5BA,EAAO,WAAW,IAAUA,EAAO,CAAC,EAAE,OACtCA,EAAO,UAAU,IAAUA,EAAO,IAAI,CAACC,MAAMA,EAAE,IAAI,EAAE,KAAK,IAAI,IAC3D,GAAGD,EACP,MAAM,GAAG,CAAC,EACV,IAAI,CAACC,MAAMA,EAAE,IAAI,EACjB,KAAK,IAAI,CAAC,MAAMD,EAAO,SAAS,CAAC;AACtC;AAOA,SAAwBE,EAAgB;AAAA,EACtC,SAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,KAAAC,IAAM;AAAA,EACN,MAAAC,IAAO;AACT,GAAyB;AACvB,QAAMC,IAAUJ,EAAQ,MAAM,GAAGE,CAAG,GAC9BL,IAASG,EAAQ,MAAME,CAAG,GAC1BG,IAAWR,EAAO,QAElBS,IAAY;AAAA,IAChBC,EAAO,mBAAmB;AAAA,IAC1BJ,MAAS,OAAOI,EAAO,2BAA2BJ,CAAI,EAAE,IAAI;AAAA,IAC5DF;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,MACX,MAAK;AAAA,MACL,cAAY,GAAGN,EAAQ,MAAM;AAAA,MAE5B,UAAA;AAAA,QAAAI,EAAQ,IAAI,CAACK,MACZ,gBAAAD,EAAC,UAAsB,WAAWD,EAAO,yBAAyB,GAChE,UAAA;AAAA,UAAA,gBAAAG,EAAC,QAAA,EAAK,WAAWH,EAAO,4BAA4B,GAClD,UAAA,gBAAAG;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,KAAKF,EAAO;AAAA,cACZ,KAAKA,EAAO;AAAA,cACZ,MAAMA,EAAO;AAAA,cACb,MAAAN;AAAA,YAAA;AAAA,UAAA,GAEJ;AAAA,UACA,gBAAAO;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWH,EAAO,kCAAkC;AAAA,cACpD,MAAK;AAAA,cAEL,UAAA,gBAAAG;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,OAAM;AAAA,kBACN,WAAWL,EAAO,4BAA4B;AAAA,kBAC9C,OAAOE,EAAO;AAAA,gBAAA;AAAA,cAAA;AAAA,YAChB;AAAA,UAAA;AAAA,QACF,KAlBSA,EAAO,GAmBlB,CACD;AAAA,QACAJ,IAAW,KACV,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACTD,EAAO,yBAAyB;AAAA,cAChCA,EAAO,6BAA6B;AAAA,YAAA,EACpC,KAAK,GAAG;AAAA,YACV,cAAY,GAAGF,CAAQ;AAAA,YAEvB,UAAA;AAAA,cAAA,gBAAAG,EAAC,QAAA,EAAK,WAAWD,EAAO,4BAA4B,GAAG,UAAA;AAAA,gBAAA;AAAA,gBACnDF;AAAA,cAAA,GACJ;AAAA,cACA,gBAAAK;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWH,EAAO,kCAAkC;AAAA,kBACpD,MAAK;AAAA,kBAEL,UAAA,gBAAAG;AAAA,oBAACE;AAAA,oBAAA;AAAA,sBACC,OAAM;AAAA,sBACN,WAAWL,EAAO,4BAA4B;AAAA,sBAC9C,OAAOX,EAAmBC,CAAM;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAClC;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/hooks/use-anchored-popup-portal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-anchored-popup-portal.cjs","sources":["../../src/hooks/use-anchored-popup-portal.ts"],"sourcesContent":["import {\n  useCallback,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n  type RefObject,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport {\n  ANCHORED_POPUP_GAP,\n  ANCHORED_POPUP_Z_INDEX,\n  computeAnchoredPopupFixedStyle,\n  computeAnchoredPopupPlacement,\n  getAnchoredPopupContainerFrame,\n  type PopupPlacement,\n} from '@/utils/anchoredPopupPlacement';\n\nexport interface UseAnchoredPopupPortalOptions {\n  /** Height used for the flip decision when content isn’t measured yet. */\n  preferredHeight: number;\n  /** Cap for scrollable menus (Select/Combobox). Omit for intrinsic panels. */\n  maxHeightCap?: number;\n  /** Ref to the portaled panel for measuring intrinsic height (DateRangePicker). */\n  contentRef?: RefObject<HTMLElement | null>;\n  /**\n   * Portal mount node; defaults to `document.body` with viewport-fixed coords.\n   * Custom containers must establish a positioning context (`position` other\n   * than `static`); coords are converted to that container’s space.\n   */\n  portalContainer?: HTMLElement | null;\n  zIndex?: number;\n  /**\n   * When true (default), fixed width matches the trigger.\n   * DateRangePicker sets false and keeps its CSS width.\n   */\n  matchWidth?: boolean;\n  gap?: number;\n}\n\nexport interface UseAnchoredPopupPortalResult {\n  placement: PopupPlacement;\n  maxHeight: number;\n  style: CSSProperties;\n  /** Ref for the portaled surface — pass to `useOutsideClose` as a second root. */\n  portalRef: RefObject<HTMLDivElement | null>;\n  /** Wraps children in a portal to `portalContainer` or `document.body`. */\n  renderPortal: (children: ReactNode) => ReactNode;\n}\n\nconst DEFAULT_PLACEMENT: PopupPlacement = 'below';\n\nfunction resolvePortalMount(\n  portalContainer: HTMLElement | null | undefined,\n): HTMLElement | null {\n  if (typeof document === 'undefined') return null;\n  return portalContainer ?? document.body;\n}\n\nfunction usesViewportFixedCoords(mount: HTMLElement): boolean {\n  return mount === document.body;\n}\n\n/**\n * Positions a form-widget popup in a portal with viewport-aware above/below flip.\n * Internal to compass-ui form widgets — not a general overlay positioning API.\n */\nexport function useAnchoredPopupPortal(\n  anchorRef: RefObject<HTMLElement | null>,\n  isOpen: boolean,\n  options: UseAnchoredPopupPortalOptions,\n): UseAnchoredPopupPortalResult {\n  const {\n    preferredHeight,\n    maxHeightCap,\n    contentRef,\n    portalContainer = null,\n    zIndex = ANCHORED_POPUP_Z_INDEX,\n    matchWidth = true,\n    gap = ANCHORED_POPUP_GAP,\n  } = options;\n\n  const portalRef = useRef<HTMLDivElement | null>(null);\n  const [placement, setPlacement] = useState<PopupPlacement>(DEFAULT_PLACEMENT);\n  const [maxHeight, setMaxHeight] = useState(\n    maxHeightCap ?? preferredHeight,\n  );\n  const [style, setStyle] = useState<CSSProperties>({\n    position: 'fixed',\n    top: 0,\n    left: 0,\n    width: matchWidth ? 0 : undefined,\n    zIndex,\n  });\n\n  const update = useCallback(() => {\n    const anchor = anchorRef.current;\n    if (!anchor) return;\n\n    const mount = resolvePortalMount(portalContainer);\n    if (!mount) return;\n\n    const rect = anchor.getBoundingClientRect();\n    const viewportHeight = window.innerHeight;\n    const viewportFixed = usesViewportFixedCoords(mount);\n    const containerFrame = viewportFixed\n      ? undefined\n      : getAnchoredPopupContainerFrame(mount);\n\n    const measured =\n      contentRef?.current?.offsetHeight ??\n      portalRef.current?.offsetHeight ??\n      0;\n    const heightForFlip = measured > 0 ? measured : preferredHeight;\n\n    const { placement: nextPlacement, maxHeight: nextMaxHeight } =\n      computeAnchoredPopupPlacement(rect, viewportHeight, {\n        gap,\n        preferredHeight: heightForFlip,\n        maxHeightCap,\n        bounds: containerFrame?.bounds,\n      });\n\n    const fixed = computeAnchoredPopupFixedStyle(rect, nextPlacement, {\n      gap,\n      zIndex,\n      width: matchWidth ? rect.width : undefined,\n      viewportHeight,\n      containerFrame,\n    });\n\n    setPlacement(nextPlacement);\n    setMaxHeight(nextMaxHeight);\n    setStyle({\n      position: fixed.position,\n      left: fixed.left,\n      zIndex: fixed.zIndex,\n      ...(matchWidth ? { width: fixed.width } : null),\n      ...(nextPlacement === 'below'\n        ? { top: fixed.top, bottom: 'auto' }\n        : { bottom: fixed.bottom, top: 'auto' }),\n    });\n  }, [\n    anchorRef,\n    contentRef,\n    gap,\n    matchWidth,\n    maxHeightCap,\n    portalContainer,\n    preferredHeight,\n    zIndex,\n  ]);\n\n  useLayoutEffect(() => {\n    if (!isOpen) return;\n\n    update();\n\n    function handle() {\n      update();\n    }\n\n    window.addEventListener('resize', handle);\n    // Capture phase so nested scroll containers (modals, RHS) are covered.\n    document.addEventListener('scroll', handle, true);\n    return () => {\n      window.removeEventListener('resize', handle);\n      document.removeEventListener('scroll', handle, true);\n    };\n  }, [isOpen, update]);\n\n  // Re-measure after content mounts / changes size (calendar, long lists).\n  useLayoutEffect(() => {\n    if (!isOpen) return;\n    const el = contentRef?.current ?? portalRef.current;\n    if (!el || typeof ResizeObserver === 'undefined') return;\n\n    const ro = new ResizeObserver(() => update());\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, [isOpen, contentRef, update]);\n\n  const renderPortal = useCallback(\n    (children: ReactNode) => {\n      const mount = resolvePortalMount(portalContainer);\n      if (!mount) return null;\n      return createPortal(children, mount);\n    },\n    [portalContainer],\n  );\n\n  return {\n    placement,\n    maxHeight,\n    style,\n    portalRef,\n    renderPortal,\n  };\n}\n"],"names":["DEFAULT_PLACEMENT","resolvePortalMount","portalContainer","usesViewportFixedCoords","mount","useAnchoredPopupPortal","anchorRef","isOpen","options","preferredHeight","maxHeightCap","contentRef","zIndex","ANCHORED_POPUP_Z_INDEX","matchWidth","gap","ANCHORED_POPUP_GAP","portalRef","useRef","placement","setPlacement","useState","maxHeight","setMaxHeight","style","setStyle","update","useCallback","anchor","rect","viewportHeight","containerFrame","getAnchoredPopupContainerFrame","measured","_a","_b","heightForFlip","nextPlacement","nextMaxHeight","computeAnchoredPopupPlacement","fixed","computeAnchoredPopupFixedStyle","useLayoutEffect","handle","el","ro","renderPortal","children","createPortal"],"mappings":"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"}
+{"version":3,"file":"use-anchored-popup-portal.cjs","sources":["../../src/hooks/use-anchored-popup-portal.ts"],"sourcesContent":["import {\n  useCallback,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n  type RefObject,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport {\n  ANCHORED_POPUP_GAP,\n  ANCHORED_POPUP_Z_INDEX,\n  computeAnchoredPopupFixedStyle,\n  computeAnchoredPopupPlacement,\n  getAnchoredPopupContainerFrame,\n  type PopupPlacement,\n} from '@/utils/anchoredPopupPlacement';\n\nexport interface UseAnchoredPopupPortalOptions {\n  /** Height used for the flip decision when content isn’t measured yet. */\n  preferredHeight: number;\n  /** Cap for scrollable menus (Select/Combobox). Omit for intrinsic panels. */\n  maxHeightCap?: number;\n  /** Ref to the portaled panel for measuring intrinsic height (DateRangePicker). */\n  contentRef?: RefObject<HTMLElement | null>;\n  /**\n   * Portal mount node; defaults to `document.body` with viewport-fixed coords.\n   * Custom containers must establish a positioning context (`position` other\n   * than `static`); coords are converted to that container’s space.\n   */\n  portalContainer?: HTMLElement | null;\n  zIndex?: number;\n  /**\n   * When true (default), fixed width matches the trigger.\n   * DateRangePicker sets false and keeps its CSS width.\n   */\n  matchWidth?: boolean;\n  gap?: number;\n}\n\nexport interface UseAnchoredPopupPortalResult {\n  placement: PopupPlacement;\n  maxHeight: number;\n  style: CSSProperties;\n  /** Ref for the portaled surface — pass to `useOutsideClose` as a second root. */\n  portalRef: RefObject<HTMLDivElement | null>;\n  /** Wraps children in a portal to `portalContainer` or `document.body`. */\n  renderPortal: (children: ReactNode) => ReactNode;\n}\n\nconst DEFAULT_PLACEMENT: PopupPlacement = 'below';\n\nfunction resolvePortalMount(\n  portalContainer: HTMLElement | null | undefined,\n): HTMLElement | null {\n  if (typeof document === 'undefined') return null;\n  return portalContainer ?? document.body;\n}\n\nfunction usesViewportFixedCoords(mount: HTMLElement): boolean {\n  return mount === document.body;\n}\n\n/**\n * Positions a form-widget popup in a portal with viewport-aware above/below flip.\n * Internal to compass-ui form widgets — not a general overlay positioning API.\n */\nexport function useAnchoredPopupPortal(\n  anchorRef: RefObject<HTMLElement | null>,\n  isOpen: boolean,\n  options: UseAnchoredPopupPortalOptions,\n): UseAnchoredPopupPortalResult {\n  const {\n    preferredHeight,\n    maxHeightCap,\n    contentRef,\n    portalContainer = null,\n    zIndex = ANCHORED_POPUP_Z_INDEX,\n    matchWidth = true,\n    gap = ANCHORED_POPUP_GAP,\n  } = options;\n\n  const portalRef = useRef<HTMLDivElement | null>(null);\n  const [placement, setPlacement] = useState<PopupPlacement>(DEFAULT_PLACEMENT);\n  const [maxHeight, setMaxHeight] = useState(maxHeightCap ?? preferredHeight);\n  const [style, setStyle] = useState<CSSProperties>({\n    position: 'fixed',\n    top: 0,\n    left: 0,\n    width: matchWidth ? 0 : undefined,\n    zIndex,\n  });\n\n  const update = useCallback(() => {\n    const anchor = anchorRef.current;\n    if (!anchor) return;\n\n    const mount = resolvePortalMount(portalContainer);\n    if (!mount) return;\n\n    const rect = anchor.getBoundingClientRect();\n    const viewportHeight = window.innerHeight;\n    const viewportFixed = usesViewportFixedCoords(mount);\n    const containerFrame = viewportFixed\n      ? undefined\n      : getAnchoredPopupContainerFrame(mount);\n\n    const measured =\n      contentRef?.current?.offsetHeight ?? portalRef.current?.offsetHeight ?? 0;\n    const heightForFlip = measured > 0 ? measured : preferredHeight;\n\n    const { placement: nextPlacement, maxHeight: nextMaxHeight } =\n      computeAnchoredPopupPlacement(rect, viewportHeight, {\n        gap,\n        preferredHeight: heightForFlip,\n        maxHeightCap,\n        bounds: containerFrame?.bounds,\n      });\n\n    const fixed = computeAnchoredPopupFixedStyle(rect, nextPlacement, {\n      gap,\n      zIndex,\n      width: matchWidth ? rect.width : undefined,\n      viewportHeight,\n      containerFrame,\n    });\n\n    setPlacement(nextPlacement);\n    setMaxHeight(nextMaxHeight);\n    setStyle({\n      position: fixed.position,\n      left: fixed.left,\n      zIndex: fixed.zIndex,\n      ...(matchWidth ? { width: fixed.width } : null),\n      ...(nextPlacement === 'below'\n        ? { top: fixed.top, bottom: 'auto' }\n        : { bottom: fixed.bottom, top: 'auto' }),\n    });\n  }, [\n    anchorRef,\n    contentRef,\n    gap,\n    matchWidth,\n    maxHeightCap,\n    portalContainer,\n    preferredHeight,\n    zIndex,\n  ]);\n\n  useLayoutEffect(() => {\n    if (!isOpen) return;\n\n    update();\n\n    function handle() {\n      update();\n    }\n\n    window.addEventListener('resize', handle);\n    // Capture phase so nested scroll containers (modals, RHS) are covered.\n    document.addEventListener('scroll', handle, true);\n    return () => {\n      window.removeEventListener('resize', handle);\n      document.removeEventListener('scroll', handle, true);\n    };\n  }, [isOpen, update]);\n\n  // Re-measure after content mounts / changes size (calendar, long lists).\n  useLayoutEffect(() => {\n    if (!isOpen) return;\n    const el = contentRef?.current ?? portalRef.current;\n    if (!el || typeof ResizeObserver === 'undefined') return;\n\n    const ro = new ResizeObserver(() => update());\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, [isOpen, contentRef, update]);\n\n  const renderPortal = useCallback(\n    (children: ReactNode) => {\n      const mount = resolvePortalMount(portalContainer);\n      if (!mount) return null;\n      return createPortal(children, mount);\n    },\n    [portalContainer],\n  );\n\n  return {\n    placement,\n    maxHeight,\n    style,\n    portalRef,\n    renderPortal,\n  };\n}\n"],"names":["DEFAULT_PLACEMENT","resolvePortalMount","portalContainer","usesViewportFixedCoords","mount","useAnchoredPopupPortal","anchorRef","isOpen","options","preferredHeight","maxHeightCap","contentRef","zIndex","ANCHORED_POPUP_Z_INDEX","matchWidth","gap","ANCHORED_POPUP_GAP","portalRef","useRef","placement","setPlacement","useState","maxHeight","setMaxHeight","style","setStyle","update","useCallback","anchor","rect","viewportHeight","containerFrame","getAnchoredPopupContainerFrame","measured","_a","_b","heightForFlip","nextPlacement","nextMaxHeight","computeAnchoredPopupPlacement","fixed","computeAnchoredPopupFixedStyle","useLayoutEffect","handle","el","ro","renderPortal","children","createPortal"],"mappings":"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"}

package/dist/hooks/use-anchored-popup-portal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-anchored-popup-portal.d.ts","sourceRoot":"","sources":["../../src/hooks/use-anchored-popup-portal.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,aAAa,EAClB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAML,KAAK,cAAc,EACpB,MAAM,gCAAgC,CAAC;AAExC,MAAM,WAAW,6BAA6B;IAC5C,yEAAyE;IACzE,eAAe,EAAE,MAAM,CAAC;IACxB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kFAAkF;IAClF,UAAU,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC3C;;;;OAIG;IACH,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,4BAA4B;IAC3C,SAAS,EAAE,cAAc,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,aAAa,CAAC;IACrB,iFAAiF;IACjF,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC5C,0EAA0E;IAC1E,YAAY,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,SAAS,CAAC;CAClD;AAeD;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,SAAS,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACxC,MAAM,EAAE,OAAO,EACf,OAAO,EAAE,6BAA6B,GACrC,4BAA4B,CA+H9B"}
+{"version":3,"file":"use-anchored-popup-portal.d.ts","sourceRoot":"","sources":["../../src/hooks/use-anchored-popup-portal.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,aAAa,EAClB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAML,KAAK,cAAc,EACpB,MAAM,gCAAgC,CAAC;AAExC,MAAM,WAAW,6BAA6B;IAC5C,yEAAyE;IACzE,eAAe,EAAE,MAAM,CAAC;IACxB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kFAAkF;IAClF,UAAU,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC3C;;;;OAIG;IACH,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,4BAA4B;IAC3C,SAAS,EAAE,cAAc,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,aAAa,CAAC;IACrB,iFAAiF;IACjF,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC5C,0EAA0E;IAC1E,YAAY,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,SAAS,CAAC;CAClD;AAeD;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,SAAS,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACxC,MAAM,EAAE,OAAO,EACf,OAAO,EAAE,6BAA6B,GACrC,4BAA4B,CA2H9B"}

package/dist/hooks/use-anchored-popup-portal.js

@@ -17,9 +17,7 @@ function q(n, u, C) {
     zIndex: a = U,
     matchWidth: c = !0,
     gap: m = S
-  } = C, f = O(null), [y, z] = w(G), [F, L] = w(
-    p ?? l
-  ), [_, D] = w({
+  } = C, f = O(null), [y, z] = w(G), [F, L] = w(p ?? l), [_, D] = w({
     position: "fixed",
     top: 0,
     left: 0,

package/dist/hooks/use-anchored-popup-portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-anchored-popup-portal.js","sources":["../../src/hooks/use-anchored-popup-portal.ts"],"sourcesContent":["import {\n  useCallback,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n  type RefObject,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport {\n  ANCHORED_POPUP_GAP,\n  ANCHORED_POPUP_Z_INDEX,\n  computeAnchoredPopupFixedStyle,\n  computeAnchoredPopupPlacement,\n  getAnchoredPopupContainerFrame,\n  type PopupPlacement,\n} from '@/utils/anchoredPopupPlacement';\n\nexport interface UseAnchoredPopupPortalOptions {\n  /** Height used for the flip decision when content isn’t measured yet. */\n  preferredHeight: number;\n  /** Cap for scrollable menus (Select/Combobox). Omit for intrinsic panels. */\n  maxHeightCap?: number;\n  /** Ref to the portaled panel for measuring intrinsic height (DateRangePicker). */\n  contentRef?: RefObject<HTMLElement | null>;\n  /**\n   * Portal mount node; defaults to `document.body` with viewport-fixed coords.\n   * Custom containers must establish a positioning context (`position` other\n   * than `static`); coords are converted to that container’s space.\n   */\n  portalContainer?: HTMLElement | null;\n  zIndex?: number;\n  /**\n   * When true (default), fixed width matches the trigger.\n   * DateRangePicker sets false and keeps its CSS width.\n   */\n  matchWidth?: boolean;\n  gap?: number;\n}\n\nexport interface UseAnchoredPopupPortalResult {\n  placement: PopupPlacement;\n  maxHeight: number;\n  style: CSSProperties;\n  /** Ref for the portaled surface — pass to `useOutsideClose` as a second root. */\n  portalRef: RefObject<HTMLDivElement | null>;\n  /** Wraps children in a portal to `portalContainer` or `document.body`. */\n  renderPortal: (children: ReactNode) => ReactNode;\n}\n\nconst DEFAULT_PLACEMENT: PopupPlacement = 'below';\n\nfunction resolvePortalMount(\n  portalContainer: HTMLElement | null | undefined,\n): HTMLElement | null {\n  if (typeof document === 'undefined') return null;\n  return portalContainer ?? document.body;\n}\n\nfunction usesViewportFixedCoords(mount: HTMLElement): boolean {\n  return mount === document.body;\n}\n\n/**\n * Positions a form-widget popup in a portal with viewport-aware above/below flip.\n * Internal to compass-ui form widgets — not a general overlay positioning API.\n */\nexport function useAnchoredPopupPortal(\n  anchorRef: RefObject<HTMLElement | null>,\n  isOpen: boolean,\n  options: UseAnchoredPopupPortalOptions,\n): UseAnchoredPopupPortalResult {\n  const {\n    preferredHeight,\n    maxHeightCap,\n    contentRef,\n    portalContainer = null,\n    zIndex = ANCHORED_POPUP_Z_INDEX,\n    matchWidth = true,\n    gap = ANCHORED_POPUP_GAP,\n  } = options;\n\n  const portalRef = useRef<HTMLDivElement | null>(null);\n  const [placement, setPlacement] = useState<PopupPlacement>(DEFAULT_PLACEMENT);\n  const [maxHeight, setMaxHeight] = useState(\n    maxHeightCap ?? preferredHeight,\n  );\n  const [style, setStyle] = useState<CSSProperties>({\n    position: 'fixed',\n    top: 0,\n    left: 0,\n    width: matchWidth ? 0 : undefined,\n    zIndex,\n  });\n\n  const update = useCallback(() => {\n    const anchor = anchorRef.current;\n    if (!anchor) return;\n\n    const mount = resolvePortalMount(portalContainer);\n    if (!mount) return;\n\n    const rect = anchor.getBoundingClientRect();\n    const viewportHeight = window.innerHeight;\n    const viewportFixed = usesViewportFixedCoords(mount);\n    const containerFrame = viewportFixed\n      ? undefined\n      : getAnchoredPopupContainerFrame(mount);\n\n    const measured =\n      contentRef?.current?.offsetHeight ??\n      portalRef.current?.offsetHeight ??\n      0;\n    const heightForFlip = measured > 0 ? measured : preferredHeight;\n\n    const { placement: nextPlacement, maxHeight: nextMaxHeight } =\n      computeAnchoredPopupPlacement(rect, viewportHeight, {\n        gap,\n        preferredHeight: heightForFlip,\n        maxHeightCap,\n        bounds: containerFrame?.bounds,\n      });\n\n    const fixed = computeAnchoredPopupFixedStyle(rect, nextPlacement, {\n      gap,\n      zIndex,\n      width: matchWidth ? rect.width : undefined,\n      viewportHeight,\n      containerFrame,\n    });\n\n    setPlacement(nextPlacement);\n    setMaxHeight(nextMaxHeight);\n    setStyle({\n      position: fixed.position,\n      left: fixed.left,\n      zIndex: fixed.zIndex,\n      ...(matchWidth ? { width: fixed.width } : null),\n      ...(nextPlacement === 'below'\n        ? { top: fixed.top, bottom: 'auto' }\n        : { bottom: fixed.bottom, top: 'auto' }),\n    });\n  }, [\n    anchorRef,\n    contentRef,\n    gap,\n    matchWidth,\n    maxHeightCap,\n    portalContainer,\n    preferredHeight,\n    zIndex,\n  ]);\n\n  useLayoutEffect(() => {\n    if (!isOpen) return;\n\n    update();\n\n    function handle() {\n      update();\n    }\n\n    window.addEventListener('resize', handle);\n    // Capture phase so nested scroll containers (modals, RHS) are covered.\n    document.addEventListener('scroll', handle, true);\n    return () => {\n      window.removeEventListener('resize', handle);\n      document.removeEventListener('scroll', handle, true);\n    };\n  }, [isOpen, update]);\n\n  // Re-measure after content mounts / changes size (calendar, long lists).\n  useLayoutEffect(() => {\n    if (!isOpen) return;\n    const el = contentRef?.current ?? portalRef.current;\n    if (!el || typeof ResizeObserver === 'undefined') return;\n\n    const ro = new ResizeObserver(() => update());\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, [isOpen, contentRef, update]);\n\n  const renderPortal = useCallback(\n    (children: ReactNode) => {\n      const mount = resolvePortalMount(portalContainer);\n      if (!mount) return null;\n      return createPortal(children, mount);\n    },\n    [portalContainer],\n  );\n\n  return {\n    placement,\n    maxHeight,\n    style,\n    portalRef,\n    renderPortal,\n  };\n}\n"],"names":["DEFAULT_PLACEMENT","resolvePortalMount","portalContainer","usesViewportFixedCoords","mount","useAnchoredPopupPortal","anchorRef","isOpen","options","preferredHeight","maxHeightCap","contentRef","zIndex","ANCHORED_POPUP_Z_INDEX","matchWidth","gap","ANCHORED_POPUP_GAP","portalRef","useRef","placement","setPlacement","useState","maxHeight","setMaxHeight","style","setStyle","update","useCallback","anchor","rect","viewportHeight","containerFrame","getAnchoredPopupContainerFrame","measured","_a","_b","heightForFlip","nextPlacement","nextMaxHeight","computeAnchoredPopupPlacement","fixed","computeAnchoredPopupFixedStyle","useLayoutEffect","handle","el","ro","renderPortal","children","createPortal"],"mappings":"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"}
+{"version":3,"file":"use-anchored-popup-portal.js","sources":["../../src/hooks/use-anchored-popup-portal.ts"],"sourcesContent":["import {\n  useCallback,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n  type RefObject,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport {\n  ANCHORED_POPUP_GAP,\n  ANCHORED_POPUP_Z_INDEX,\n  computeAnchoredPopupFixedStyle,\n  computeAnchoredPopupPlacement,\n  getAnchoredPopupContainerFrame,\n  type PopupPlacement,\n} from '@/utils/anchoredPopupPlacement';\n\nexport interface UseAnchoredPopupPortalOptions {\n  /** Height used for the flip decision when content isn’t measured yet. */\n  preferredHeight: number;\n  /** Cap for scrollable menus (Select/Combobox). Omit for intrinsic panels. */\n  maxHeightCap?: number;\n  /** Ref to the portaled panel for measuring intrinsic height (DateRangePicker). */\n  contentRef?: RefObject<HTMLElement | null>;\n  /**\n   * Portal mount node; defaults to `document.body` with viewport-fixed coords.\n   * Custom containers must establish a positioning context (`position` other\n   * than `static`); coords are converted to that container’s space.\n   */\n  portalContainer?: HTMLElement | null;\n  zIndex?: number;\n  /**\n   * When true (default), fixed width matches the trigger.\n   * DateRangePicker sets false and keeps its CSS width.\n   */\n  matchWidth?: boolean;\n  gap?: number;\n}\n\nexport interface UseAnchoredPopupPortalResult {\n  placement: PopupPlacement;\n  maxHeight: number;\n  style: CSSProperties;\n  /** Ref for the portaled surface — pass to `useOutsideClose` as a second root. */\n  portalRef: RefObject<HTMLDivElement | null>;\n  /** Wraps children in a portal to `portalContainer` or `document.body`. */\n  renderPortal: (children: ReactNode) => ReactNode;\n}\n\nconst DEFAULT_PLACEMENT: PopupPlacement = 'below';\n\nfunction resolvePortalMount(\n  portalContainer: HTMLElement | null | undefined,\n): HTMLElement | null {\n  if (typeof document === 'undefined') return null;\n  return portalContainer ?? document.body;\n}\n\nfunction usesViewportFixedCoords(mount: HTMLElement): boolean {\n  return mount === document.body;\n}\n\n/**\n * Positions a form-widget popup in a portal with viewport-aware above/below flip.\n * Internal to compass-ui form widgets — not a general overlay positioning API.\n */\nexport function useAnchoredPopupPortal(\n  anchorRef: RefObject<HTMLElement | null>,\n  isOpen: boolean,\n  options: UseAnchoredPopupPortalOptions,\n): UseAnchoredPopupPortalResult {\n  const {\n    preferredHeight,\n    maxHeightCap,\n    contentRef,\n    portalContainer = null,\n    zIndex = ANCHORED_POPUP_Z_INDEX,\n    matchWidth = true,\n    gap = ANCHORED_POPUP_GAP,\n  } = options;\n\n  const portalRef = useRef<HTMLDivElement | null>(null);\n  const [placement, setPlacement] = useState<PopupPlacement>(DEFAULT_PLACEMENT);\n  const [maxHeight, setMaxHeight] = useState(maxHeightCap ?? preferredHeight);\n  const [style, setStyle] = useState<CSSProperties>({\n    position: 'fixed',\n    top: 0,\n    left: 0,\n    width: matchWidth ? 0 : undefined,\n    zIndex,\n  });\n\n  const update = useCallback(() => {\n    const anchor = anchorRef.current;\n    if (!anchor) return;\n\n    const mount = resolvePortalMount(portalContainer);\n    if (!mount) return;\n\n    const rect = anchor.getBoundingClientRect();\n    const viewportHeight = window.innerHeight;\n    const viewportFixed = usesViewportFixedCoords(mount);\n    const containerFrame = viewportFixed\n      ? undefined\n      : getAnchoredPopupContainerFrame(mount);\n\n    const measured =\n      contentRef?.current?.offsetHeight ?? portalRef.current?.offsetHeight ?? 0;\n    const heightForFlip = measured > 0 ? measured : preferredHeight;\n\n    const { placement: nextPlacement, maxHeight: nextMaxHeight } =\n      computeAnchoredPopupPlacement(rect, viewportHeight, {\n        gap,\n        preferredHeight: heightForFlip,\n        maxHeightCap,\n        bounds: containerFrame?.bounds,\n      });\n\n    const fixed = computeAnchoredPopupFixedStyle(rect, nextPlacement, {\n      gap,\n      zIndex,\n      width: matchWidth ? rect.width : undefined,\n      viewportHeight,\n      containerFrame,\n    });\n\n    setPlacement(nextPlacement);\n    setMaxHeight(nextMaxHeight);\n    setStyle({\n      position: fixed.position,\n      left: fixed.left,\n      zIndex: fixed.zIndex,\n      ...(matchWidth ? { width: fixed.width } : null),\n      ...(nextPlacement === 'below'\n        ? { top: fixed.top, bottom: 'auto' }\n        : { bottom: fixed.bottom, top: 'auto' }),\n    });\n  }, [\n    anchorRef,\n    contentRef,\n    gap,\n    matchWidth,\n    maxHeightCap,\n    portalContainer,\n    preferredHeight,\n    zIndex,\n  ]);\n\n  useLayoutEffect(() => {\n    if (!isOpen) return;\n\n    update();\n\n    function handle() {\n      update();\n    }\n\n    window.addEventListener('resize', handle);\n    // Capture phase so nested scroll containers (modals, RHS) are covered.\n    document.addEventListener('scroll', handle, true);\n    return () => {\n      window.removeEventListener('resize', handle);\n      document.removeEventListener('scroll', handle, true);\n    };\n  }, [isOpen, update]);\n\n  // Re-measure after content mounts / changes size (calendar, long lists).\n  useLayoutEffect(() => {\n    if (!isOpen) return;\n    const el = contentRef?.current ?? portalRef.current;\n    if (!el || typeof ResizeObserver === 'undefined') return;\n\n    const ro = new ResizeObserver(() => update());\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, [isOpen, contentRef, update]);\n\n  const renderPortal = useCallback(\n    (children: ReactNode) => {\n      const mount = resolvePortalMount(portalContainer);\n      if (!mount) return null;\n      return createPortal(children, mount);\n    },\n    [portalContainer],\n  );\n\n  return {\n    placement,\n    maxHeight,\n    style,\n    portalRef,\n    renderPortal,\n  };\n}\n"],"names":["DEFAULT_PLACEMENT","resolvePortalMount","portalContainer","usesViewportFixedCoords","mount","useAnchoredPopupPortal","anchorRef","isOpen","options","preferredHeight","maxHeightCap","contentRef","zIndex","ANCHORED_POPUP_Z_INDEX","matchWidth","gap","ANCHORED_POPUP_GAP","portalRef","useRef","placement","setPlacement","useState","maxHeight","setMaxHeight","style","setStyle","update","useCallback","anchor","rect","viewportHeight","containerFrame","getAnchoredPopupContainerFrame","measured","_a","_b","heightForFlip","nextPlacement","nextMaxHeight","computeAnchoredPopupPlacement","fixed","computeAnchoredPopupFixedStyle","useLayoutEffect","handle","el","ro","renderPortal","children","createPortal"],"mappings":"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"}

package/dist/illustrations/incoming-webhook.svg.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react");function c(t){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const C in t)if(C!=="default"){const r=Object.getOwnPropertyDescriptor(t,C);Object.defineProperty(l,C,r.get?r:{enumerable:!0,get:()=>t[C]})}}return l.default=t,Object.freeze(l)}const e=c(a),n=t=>e.createElement("svg",{width:132,height:91,viewBox:"0 0 132 91",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},e.createElement("rect",{y:25.9526,width:132,height:41,rx:3.75,fill:"var(--center-channel-color)",fillOpacity:.08}),e.createElement("circle",{cx:6.5,cy:14.9526,r:2,transform:"rotate(-90 6.5 14.9526)",fill:"var(--center-channel-color)",fillOpacity:.32}),e.createElement("circle",{cx:6.5,cy:8.95264,r:2,transform:"rotate(-90 6.5 8.95264)",fill:"var(--center-channel-color)",fillOpacity:.32}),e.createElement("circle",{cx:6.50049,cy:2.95264,r:2,transform:"rotate(-90 6.50049 2.95264)",fill:"var(--center-channel-color)",fillOpacity:.32}),e.createElement("path",{d:"M6.5 19.4526V59.4526H88.6997M94.0063 59.4526H113.62M117.926 59.4526H125.233",stroke:"var(--center-channel-color)",strokeOpacity:.32,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("circle",{cx:66.7162,cy:45.6688,r:40.2162,fill:"var(--center-channel-bg)",stroke:"var(--center-channel-color)"}),e.createElement("circle",{cx:68,cy:46.9526,r:38,fill:"var(--button-bg)",fillOpacity:.08}),e.createElement("path",{d:"M68.9197 18.395C71.4887 19.2164 71.3834 17.5947 73.0049 19.4832C73.9385 20.5713 75.6231 22.551 77.6236 23.0424C77.9044 23.1126 78.5291 22.5089 78.5291 22.0315C78.5291 21.5541 77.1252 20.5432 76.3531 20.3326C75.581 20.122 76.6689 18.6337 75.609 18.1774C74.5491 17.7211 73.3769 16.0292 72.9558 14.7024C72.5346 13.3756 70.6675 14.4918 70.0287 14.2251C69.39 13.9583 68.6249 14.1198 67.9229 15.1307C67.221 16.1416 68.2598 18.1844 68.9197 18.395Z",fill:"var(--button-bg)",fillOpacity:.16}),e.createElement("path",{d:"M82.8323 55.5451C82.8323 54.9905 77.7503 52.2246 77.1326 52.1895C76.1218 52.1263 74.746 51.6209 73.8195 52.1895C73.4281 52.4117 73.0959 52.7247 72.8508 53.1021C72.6753 53.4321 71.6856 52.8213 71.3066 53.0249C70.3941 53.5093 69.9027 51.9298 70.1343 51.326C70.7731 49.8448 68.5199 50.7784 68.2882 50.3713C68.562 50.8557 68.2111 46.1592 67.4249 48.8058C66.8282 50.8136 64.4908 48.5179 64.7716 47.0577C65.2068 44.8043 68.6041 44.4743 69.3482 44.8745C69.7272 45.0781 71.11 47.0788 71.2855 47.0226C71.6645 46.9033 71.0609 44.6639 70.9837 44.369C70.7169 43.2739 72.8087 42.9088 72.9561 41.7645C73.0824 40.7957 73.7423 41.1327 74.36 40.6202C75.3076 39.8691 74.5635 38.465 75.7638 37.749C76.178 37.5033 77.7292 37.3278 77.9328 36.8925C78.1364 36.4573 76.6272 35.4112 77.9328 35.1024C79.084 34.8215 80.2562 35.32 80.572 33.6562C80.8528 32.1469 79.1682 31.8029 78.6838 30.6305C78.5294 30.2795 78.3399 28.2577 77.624 28.6297C76.7465 29.0931 76.2201 30.2093 75.476 28.8825C74.1775 26.4886 70.9626 25.4566 72.4718 29.2194C73.2439 31.164 70.366 37.082 69.9238 31.6133C69.7764 29.7108 64.0907 29.1422 66 27.0362C67.9092 24.9301 70.5836 24.8318 71.2996 21.5534C72.2963 17.0043 69.1446 20.8514 67.5372 19.9949C65.1366 18.6821 67.1722 19.3912 65.9298 21.0901C65.4595 21.7359 63.9153 20.6829 63.2274 20.7882C62.5395 20.8935 60.9601 22.2905 60.5179 21.413C59.7177 19.8054 54.0812 18.8155 52.558 19.3842C49.3783 20.5776 48.2762 18.9629 45.1035 18.3381C44.0015 18.1205 38.5896 17.9661 38.9405 19.8405C39.1933 20.5275 39.4887 21.198 39.825 21.8482C40.1689 22.8802 38.6177 22.0869 38.2597 22.3326C38.8917 22.8931 39.5524 23.4204 40.2391 23.9122C40.7586 24.4457 38.2527 25.0916 38 25.9761C37.5016 27.7733 41.4465 27.2608 40.7235 29.423C40.4989 30.0759 38.2456 31.15 38.028 33.3614C37.9859 33.7826 40.8358 30.6235 42.6748 31.2553C44.2963 31.845 44.1559 27.4363 46.1845 27.4363C49.9468 27.4363 50.6768 31.1009 52.6563 33.5579C53.5828 34.7022 54.3269 35.1796 54.4953 36.6749C54.6638 38.1702 54.3479 39.7638 54.8533 41.0906C55.3587 42.4174 56.3134 42.4455 56.9591 43.4704C57.7313 44.6709 58.1664 45.8433 59.2123 46.8893C60.7285 48.4126 63.3116 50.7433 65.6981 50.3994C66.1684 50.3292 67.9443 51.34 68.3444 51.6419C68.8987 52.1629 69.3719 52.764 69.7483 53.4251C70.1694 53.9867 71.5031 53.6357 72.0857 53.9024C72.6683 54.1692 70.731 58.1145 71.4329 59.1254C72.1349 60.1363 72.198 61.5474 73.3422 62.446C74.4863 63.3446 74.746 63.3656 74.8934 64.8469C75.111 67.2478 74.4091 69.6768 73.8335 71.9162C73.5317 73.0605 74.1353 74.3312 73.6861 75.4263C73.1245 76.7953 72.7455 77.9747 73.2369 79.498C74.0862 82.1446 78.8523 82.5729 76.0446 80.2632C74.8443 79.2804 77.3432 76.9076 76.564 76.6829C75.2233 76.1213 76.8097 75.6159 76.9852 75.0332C77.3432 73.8749 82.6568 69.0801 83.0499 68.2868C83.3798 67.6199 83.1692 66.9319 83.7097 66.3562C84.2502 65.7806 85.1135 65.942 85.8155 65.4928C87.2193 64.5521 86.7139 62.9585 87.2965 61.6597C88.4477 59.0833 88.932 60.1013 87.3527 58.0865C86.7561 57.3564 82.9376 57.6231 82.8323 55.5451Z",fill:"var(--button-bg)",fillOpacity:.16}),e.createElement("path",{d:"M54.4037 16.5633C55.3723 17.5743 56.334 16.0368 56.5094 16.5633C56.6849 17.0899 56.699 18.1008 57.8501 18.178C59.0013 18.2552 56.7762 19.0064 57.5202 19.3223C58.2643 19.6382 59.8576 20.6491 60.4402 20.2279C61.0228 19.8067 61.7178 19.4838 61.9775 19.7997C62.2372 20.1156 63.8376 19.7505 63.3813 19.217C62.9251 18.6834 61.7107 17.4268 61.7599 16.7038C61.809 15.9807 63.1638 14.1203 61.6546 14.2818C61.2905 14.3276 60.9588 14.5141 60.7305 14.8014C60.5022 15.0888 60.3955 15.4541 60.4332 15.8192C60.4332 16.3527 59.0294 15.0259 58.7346 15.047C58.4397 15.068 57.4571 13.4323 57.085 13.4323C56.713 13.4323 54.2211 12.632 54.4317 13.4323C54.6423 14.2327 53.435 15.5524 54.4037 16.5633Z",fill:"var(--button-bg)",fillOpacity:.16}),e.createElement("path",{d:"M76.6833 24.1594C75.9323 23.7311 74.5073 21.7725 73.8756 22.4043C73.2439 23.0361 74.0371 24.5104 74.5775 25.1141C75.118 25.7179 77.3431 27.1359 77.0202 26.5182C76.6973 25.9004 78.1574 25.0088 76.6833 24.1594Z",fill:"var(--button-bg)",fillOpacity:.16}),e.createElement("path",{d:"M55.8707 10.6517C56.2567 10.6166 56.8604 11.9575 57.429 12.1049C57.9975 12.2523 58.2783 12.9192 58.4889 13.0737C58.6995 13.2281 61.079 12.3155 61.6406 12.1049C62.2021 11.8943 60.9386 10.5815 60.4683 9.66186C59.9981 8.74222 60.363 11.1852 59.6962 10.7851C59.0294 10.3849 59.1276 9.83737 58.2923 9.83737C57.457 9.83737 58.0396 8.17358 57.0148 8.52459C55.99 8.8756 55.4846 10.6868 55.8707 10.6517Z",fill:"var(--button-bg)",fillOpacity:.16}),e.createElement("path",{d:"M64.4061 13.8389C63.7042 13.9793 63.8376 14.4356 63.4445 14.8288C63.261 15.0164 63.1582 15.2684 63.1582 15.5308C63.1582 15.7932 63.261 16.0452 63.4445 16.2328C63.8025 16.6891 64.364 17.5035 64.7922 16.7242C65.2203 15.945 64.7922 15.3202 64.7922 14.8147C64.7922 14.3093 64.7501 13.7687 64.4061 13.8389Z",fill:"var(--button-bg)",fillOpacity:.16}),e.createElement("path",{d:"M65.8173 16.3167C65.9927 16.7379 66.3156 15.5726 67.0035 14.9688C67.6914 14.3651 66.6666 12.8628 66.0278 13.628C65.5997 14.1545 65.6418 15.8885 65.8173 16.3167Z",fill:"var(--button-bg)",fillOpacity:.16}),e.createElement("path",{d:"M65.691 16.8436C65.326 17.3631 65.0312 18.7531 65.691 18.8654C65.8356 18.8821 65.9819 18.8584 66.1137 18.7968C66.2456 18.7353 66.3577 18.6384 66.4378 18.5169C66.5178 18.3953 66.5625 18.254 66.567 18.1085C66.5715 17.9631 66.5355 17.8193 66.4631 17.693C66.1543 17.1665 65.8455 16.633 65.691 16.8436Z",fill:"var(--button-bg)",fillOpacity:.16}),e.createElement("path",{d:"M68.3652 7.88532C67.7335 8.17315 69.2917 8.69967 68.2248 8.9875C67.1579 9.27533 67.1298 10.1528 66.2103 9.40869C65.2907 8.66455 64.287 9.66142 64.9819 10.1107C65.6768 10.56 66.842 11.6692 66.8069 12.2729C66.7718 12.8767 67.9089 13.1575 68.9688 13.0873C70.0288 13.0171 71.3063 13.333 71.3414 12.8767C71.3765 12.4204 71.5028 12.2238 71.3765 11.8798C71.194 11.3814 70.7377 10.89 69.6427 11.3182C68.5477 11.7464 67.8317 11.5288 67.6773 10.9953C67.5228 10.4617 69.8252 9.43679 70.843 10.1458C71.8608 10.8549 72.8295 9.75971 72.0854 9.26127C71.3414 8.76284 71.8397 8.23633 72.3521 8.16613C72.7242 8.11698 73.0541 7.17627 73.3348 6.44617C71.7735 6.19361 70.1983 6.03655 68.6179 5.97583C68.6249 6.97972 68.9969 7.59749 68.3652 7.88532Z",fill:"var(--button-bg)",fillOpacity:.16}),e.createElement("path",{d:"M58.9523 7.00136C59.6543 7.30322 60.8195 7.00137 60.6019 6.46082C59.9631 6.57314 59.3244 6.69247 58.6926 6.82585C58.7629 6.90548 58.8523 6.96588 58.9523 7.00136Z",fill:"var(--button-bg)",fillOpacity:.16}),e.createElement("path",{d:"M59.3873 7.59784C58.3905 7.08536 58.4467 8.34197 58.9029 8.8404C59.3592 9.33883 60.6788 8.22965 59.3873 7.59784Z",fill:"var(--button-bg)",fillOpacity:.16}),e.createElement("path",{d:"M65.4524 5.97633C65.7587 6.03162 66.045 6.16644 66.2828 6.36727C66.5205 6.5681 66.7014 6.82789 66.8071 7.12062C66.9405 7.56991 68.0144 6.59411 68.0285 5.95527H67.0037C66.4842 5.94825 65.9718 5.95527 65.4524 5.97633Z",fill:"var(--button-bg)",fillOpacity:.16}),e.createElement("path",{d:"M63.3459 7.45055C62.8967 8.06832 63.2827 8.81246 63.8162 8.19469C64.3497 7.57691 63.9215 6.01142 64.3426 6.68535C64.7638 7.35929 65.55 8.42635 66.0764 8.47549C66.6029 8.52463 66.1466 7.85069 66.0764 7.28908C66.0062 6.72746 64.7498 6.19394 64.8902 6.00439C64.104 6.04652 63.3249 6.10969 62.5527 6.19393C63.1073 6.55898 63.6899 7.00828 63.3459 7.45055Z",fill:"var(--button-bg)",fillOpacity:.16}),e.createElement("path",{d:"M65.6909 12.7727C66.3156 13.0255 65.6909 11.5021 65.6909 11.5021C65.0381 11.8882 65.0732 12.513 65.6909 12.7727Z",fill:"var(--button-bg)",fillOpacity:.16}),e.createElement("path",{d:"M63.4448 11.8105C63.5501 12.2388 64.224 12.3792 64.5819 11.8105C64.9399 11.2419 64.5819 9.17795 64.0765 9.83083C63.5711 10.4837 62.9885 10.1818 61.9707 9.83083C60.9529 9.47982 63.3466 11.3612 63.4448 11.8105Z",fill:"var(--button-bg)",fillOpacity:.16}),e.createElement("path",{d:"M70.3655 47.9779C71.2359 47.8726 71.7694 48.9327 72.7521 48.8835C73.7348 48.8344 75.2229 50.3227 76.0722 49.4381C76.7741 48.7361 73.0399 48.1394 71.8606 47.5006C70.6814 46.8617 69.5021 48.0832 70.3655 47.9779Z",fill:"var(--button-bg)",fillOpacity:.16}),e.createElement("path",{d:"M74.7033 8.06041C75.9247 8.65011 75.7141 8.62905 74.9701 9.19768C74.226 9.76632 74.4928 11.0019 76.1353 10.9176C77.7778 10.8334 78.7956 9.19768 79.5397 11.5003C80.2837 13.8029 79.7502 16.3161 80.7048 17.0252C81.6595 17.7342 80.8663 18.2116 80.7048 18.8715C80.5434 19.5314 80.9716 20.0088 81.7156 19.7982C82.4597 19.5876 82.2491 20.9705 81.7156 21.5532C81.1822 22.1359 80.5504 23.2521 82.1929 25.2739C83.8355 27.2957 84.0531 27.0219 84.5795 27.7169C85.106 28.4119 85.5412 27.4572 85.6956 26.6569C85.85 25.8566 85.3236 23.0415 87.2118 23.0415C87.7999 23.0352 88.3704 22.84 88.8393 22.4849C89.3081 22.1297 89.6505 21.6333 89.8159 21.0688C90.0265 20.5914 91.5146 20.6406 92.3078 19.9526C93.101 19.2646 93.8029 18.8224 93.8239 16.4425C88.3684 11.379 81.5864 7.97052 74.2682 6.61426C74.0927 7.16183 74.0997 7.77961 74.7033 8.06041Z",fill:"var(--button-bg)",fillOpacity:.16}),e.createElement("path",{d:"M58.6019 1.33574C66.948 -0.280168 75.0348 0.446801 82.8517 3.51863C86.0609 4.77978 89.2246 6.43617 92.3421 8.48793C96.241 11.2668 99.561 14.3748 102.301 17.814M75.1367 89.7279C65.3658 91.4792 55.9902 90.2153 47.0305 85.9065C45.1531 85.0036 43.2939 83.967 41.4532 82.7964C36.5678 79.1925 32.595 75.1312 29.5312 70.6099M22.6732 53.7992C21.6291 48.178 21.6243 42.6599 22.6588 37.2449M29.7137 19.9565C27.7805 23.0036 26.2054 26.0861 24.9884 29.2042M107.617 26.3905C109.192 29.7714 110.342 33.3956 111.065 37.2644C111.935 41.9444 112.097 46.5196 111.552 50.9892M105.118 21.7909C105.559 22.4943 105.978 23.2098 106.376 23.9374",stroke:"var(--center-channel-color)",strokeOpacity:.48}),e.createElement("circle",{cx:54.5361,cy:54.6417,r:2.15015,fill:"var(--color-neutral-0)"}),e.createElement("g",{opacity:.64},e.createElement("path",{d:"M66.7857 36.8976C67.2985 36.6427 67.7036 36.1772 67.8635 35.5805C68.1591 34.4772 67.5044 33.3431 66.4011 33.0475C65.2977 32.7519 64.1637 33.4066 63.868 34.5099C63.5724 35.6133 64.2272 36.7473 65.3305 37.043C65.8371 37.1787 66.3503 37.1141 66.7857 36.8976ZM66.7857 36.8976L70.0762 42.5969L72.176 46.2339C74.3738 44.9263 77.077 44.4728 79.7423 45.187C84.9831 46.5912 88.0932 51.9781 86.689 57.2188C85.2847 62.4596 79.8978 65.5697 74.6571 64.1655C72.9145 63.6985 71.4075 62.7913 70.2237 61.5956",stroke:"var(--center-channel-color)",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("circle",{cx:77.2527,cy:54.6417,r:2.15015,fill:"var(--center-channel-color)"}),e.createElement("circle",{cx:66,cy:34.8987,r:2.15015,fill:"var(--center-channel-color)"}),e.createElement("path",{d:"M75.1245 54.5122C75.0888 55.0838 75.2894 55.6674 75.7262 56.1042C76.5339 56.9119 77.8434 56.9119 78.6511 56.1042C79.4588 55.2965 79.4588 53.987 78.6511 53.1793C77.8434 52.3716 76.5339 52.3716 75.7262 53.1793C75.3553 53.5502 75.1547 54.0269 75.1245 54.5122ZM75.1245 54.5122H68.5435H64.3439C64.3774 57.0694 63.4185 59.6371 61.4674 61.5883C57.6308 65.4248 51.4106 65.4248 47.5741 61.5883C43.7376 57.7518 43.7376 51.5316 47.5741 47.6951C48.8498 46.4195 50.3889 45.568 52.0164 45.1407",stroke:"var(--center-channel-color)",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),e.createElement("path",{d:"M61.141 43.5064L62.007 44.0064C62.1408 43.7747 62.1761 43.4991 62.1052 43.2412C62.0343 42.9833 61.863 42.7645 61.6296 42.6339L61.141 43.5064ZM74.4562 37.2525C74.3106 37.7853 74.6244 38.3352 75.1571 38.4808C75.6899 38.6264 76.2398 38.3126 76.3854 37.7798L75.4208 37.5162L74.4562 37.2525ZM63.3978 25.4453L63.6566 26.4112C68.3639 25.1499 73.2024 27.9434 74.4638 32.6507L75.4297 32.3919L76.3956 32.1331C74.8484 26.3588 68.9132 22.9321 63.139 24.4793L63.3978 25.4453ZM56.4512 37.4771L57.4171 37.2183C56.1558 32.511 58.9493 27.6725 63.6566 26.4112L63.3978 25.4453L63.139 24.4793C57.3647 26.0265 53.9381 31.9617 55.4853 37.736L56.4512 37.4771ZM56.6042 54.0302L55.6383 54.289C55.791 54.8589 55.4528 55.4446 54.883 55.5973L55.1418 56.5632L55.4006 57.5291C57.0374 57.0906 58.0087 55.4082 57.5701 53.7714L56.6042 54.0302ZM55.1418 56.5632L54.883 55.5973C54.3131 55.75 53.7274 55.4118 53.5747 54.842L52.6088 55.1008L51.6428 55.3596C52.0814 56.9964 53.7638 57.9677 55.4006 57.5291L55.1418 56.5632ZM52.6088 55.1008L53.5747 54.842C53.422 54.2721 53.7602 53.6864 54.33 53.5337L54.0712 52.5677L53.8124 51.6018C52.1756 52.0404 51.2042 53.7228 51.6428 55.3596L52.6088 55.1008ZM54.0712 52.5677L54.33 53.5337C54.6381 53.4511 54.9495 53.5111 55.1978 53.6758L55.7507 52.8426L56.3036 52.0094C55.5976 51.5408 54.6977 51.3646 53.8124 51.6018L54.0712 52.5677ZM55.7507 52.8426L55.1978 53.6758C55.4077 53.8152 55.568 54.0267 55.6383 54.289L56.6042 54.0302L57.5701 53.7714C57.3689 53.0204 56.9041 52.4078 56.3036 52.0094L55.7507 52.8426ZM55.7507 52.8426L56.6167 53.3426L59.9072 47.6433L59.0412 47.1433L58.1752 46.6433L54.8847 52.3426L55.7507 52.8426ZM61.141 43.5064L61.6296 42.6339C59.6239 41.5106 58.0586 39.6126 57.4171 37.2183L56.4512 37.4771L55.4853 37.736C56.2721 40.6725 58.1954 43.0029 60.6524 44.3789L61.141 43.5064ZM59.0412 47.1433L59.9072 47.6433L62.007 44.0064L61.141 43.5064L60.275 43.0064L58.1752 46.6433L59.0412 47.1433ZM75.4297 32.3919L74.4638 32.6507C74.8836 34.2175 74.8543 35.7958 74.4562 37.2525L75.4208 37.5162L76.3854 37.7798C76.8745 35.9904 76.9096 34.0514 76.3956 32.1331L75.4297 32.3919Z",fill:"var(--color-neutral-0)"}),e.createElement("path",{d:"M22.615 34.253H51.3875M51.3875 34.253L42.183 25.0486M51.3875 34.253L42.183 43.4574",stroke:"var(--center-channel-color)",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M18.875 34.2531H16.1963",stroke:"var(--center-channel-color)",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M13.0425 34.2531H11.3638",stroke:"var(--center-channel-color)",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}));exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react");function a(t){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const C in t)if(C!=="default"){const r=Object.getOwnPropertyDescriptor(t,C);Object.defineProperty(l,C,r.get?r:{enumerable:!0,get:()=>t[C]})}}return l.default=t,Object.freeze(l)}const e=a(c),n=t=>e.createElement("svg",{width:132,height:91,viewBox:"0 0 132 91",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},e.createElement("rect",{y:25.9526,width:132,height:41,rx:3.75,fill:"var(--center-channel-color)",fillOpacity:.08}),e.createElement("circle",{cx:6.5,cy:14.9526,r:2,transform:"rotate(-90 6.5 14.9526)",fill:"var(--center-channel-color)",fillOpacity:.32}),e.createElement("circle",{cx:6.5,cy:8.95264,r:2,transform:"rotate(-90 6.5 8.95264)",fill:"var(--center-channel-color)",fillOpacity:.32}),e.createElement("circle",{cx:6.50049,cy:2.95264,r:2,transform:"rotate(-90 6.50049 2.95264)",fill:"var(--center-channel-color)",fillOpacity:.32}),e.createElement("path",{d:"M6.5 19.4526V59.4526H88.6997M94.0063 59.4526H113.62M117.926 59.4526H125.233",stroke:"var(--center-channel-color)",strokeOpacity:.32,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("circle",{cx:66.7162,cy:45.6688,r:40.2162,fill:"var(--center-channel-bg)",stroke:"var(--center-channel-color)"}),e.createElement("circle",{cx:68,cy:46.9526,r:38,fill:"var(--button-bg)",fillOpacity:.08}),e.createElement("path",{d:"M68.9197 18.395C71.4887 19.2164 71.3834 17.5947 73.0049 19.4832C73.9385 20.5713 75.6231 22.551 77.6236 23.0424C77.9044 23.1126 78.5291 22.5089 78.5291 22.0315C78.5291 21.5541 77.1252 20.5432 76.3531 20.3326C75.581 20.122 76.6689 18.6337 75.609 18.1774C74.5491 17.7211 73.3769 16.0292 72.9558 14.7024C72.5346 13.3756 70.6675 14.4918 70.0287 14.2251C69.39 13.9583 68.6249 14.1198 67.9229 15.1307C67.221 16.1416 68.2598 18.1844 68.9197 18.395Z",fill:"var(--button-bg)",fillOpacity:.16}),e.createElement("path",{d:"M82.8323 55.5451C82.8323 54.9905 77.7503 52.2246 77.1326 52.1895C76.1218 52.1263 74.746 51.6209 73.8195 52.1895C73.4281 52.4117 73.0959 52.7247 72.8508 53.1021C72.6753 53.4321 71.6856 52.8213 71.3066 53.0249C70.3941 53.5093 69.9027 51.9298 70.1343 51.326C70.7731 49.8448 68.5199 50.7784 68.2882 50.3713C68.562 50.8557 68.2111 46.1592 67.4249 48.8058C66.8282 50.8136 64.4908 48.5179 64.7716 47.0577C65.2068 44.8043 68.6041 44.4743 69.3482 44.8745C69.7272 45.0781 71.11 47.0788 71.2855 47.0226C71.6645 46.9033 71.0609 44.6639 70.9837 44.369C70.7169 43.2739 72.8087 42.9088 72.9561 41.7645C73.0824 40.7957 73.7423 41.1327 74.36 40.6202C75.3076 39.8691 74.5635 38.465 75.7638 37.749C76.178 37.5033 77.7292 37.3278 77.9328 36.8925C78.1364 36.4573 76.6272 35.4112 77.9328 35.1024C79.084 34.8215 80.2562 35.32 80.572 33.6562C80.8528 32.1469 79.1682 31.8029 78.6838 30.6305C78.5294 30.2795 78.3399 28.2577 77.624 28.6297C76.7465 29.0931 76.2201 30.2093 75.476 28.8825C74.1775 26.4886 70.9626 25.4566 72.4718 29.2194C73.2439 31.164 70.366 37.082 69.9238 31.6133C69.7764 29.7108 64.0907 29.1422 66 27.0362C67.9092 24.9301 70.5836 24.8318 71.2996 21.5534C72.2963 17.0043 69.1446 20.8514 67.5372 19.9949C65.1366 18.6821 67.1722 19.3912 65.9298 21.0901C65.4595 21.7359 63.9153 20.6829 63.2274 20.7882C62.5395 20.8935 60.9601 22.2905 60.5179 21.413C59.7177 19.8054 54.0812 18.8155 52.558 19.3842C49.3783 20.5776 48.2762 18.9629 45.1035 18.3381C44.0015 18.1205 38.5896 17.9661 38.9405 19.8405C39.1933 20.5275 39.4887 21.198 39.825 21.8482C40.1689 22.8802 38.6177 22.0869 38.2597 22.3326C38.8917 22.8931 39.5524 23.4204 40.2391 23.9122C40.7586 24.4457 38.2527 25.0916 38 25.9761C37.5016 27.7733 41.4465 27.2608 40.7235 29.423C40.4989 30.0759 38.2456 31.15 38.028 33.3614C37.9859 33.7826 40.8358 30.6235 42.6748 31.2553C44.2963 31.845 44.1559 27.4363 46.1845 27.4363C49.9468 27.4363 50.6768 31.1009 52.6563 33.5579C53.5828 34.7022 54.3269 35.1796 54.4953 36.6749C54.6638 38.1702 54.3479 39.7638 54.8533 41.0906C55.3587 42.4174 56.3134 42.4455 56.9591 43.4704C57.7313 44.6709 58.1664 45.8433 59.2123 46.8893C60.7285 48.4126 63.3116 50.7433 65.6981 50.3994C66.1684 50.3292 67.9443 51.34 68.3444 51.6419C68.8987 52.1629 69.3719 52.764 69.7483 53.4251C70.1694 53.9867 71.5031 53.6357 72.0857 53.9024C72.6683 54.1692 70.731 58.1145 71.4329 59.1254C72.1349 60.1363 72.198 61.5474 73.3422 62.446C74.4863 63.3446 74.746 63.3656 74.8934 64.8469C75.111 67.2478 74.4091 69.6768 73.8335 71.9162C73.5317 73.0605 74.1353 74.3312 73.6861 75.4263C73.1245 76.7953 72.7455 77.9747 73.2369 79.498C74.0862 82.1446 78.8523 82.5729 76.0446 80.2632C74.8443 79.2804 77.3432 76.9076 76.564 76.6829C75.2233 76.1213 76.8097 75.6159 76.9852 75.0332C77.3432 73.8749 82.6568 69.0801 83.0499 68.2868C83.3798 67.6199 83.1692 66.9319 83.7097 66.3562C84.2502 65.7806 85.1135 65.942 85.8155 65.4928C87.2193 64.5521 86.7139 62.9585 87.2965 61.6597C88.4477 59.0833 88.932 60.1013 87.3527 58.0865C86.7561 57.3564 82.9376 57.6231 82.8323 55.5451Z",fill:"var(--button-bg)",fillOpacity:.16}),e.createElement("path",{d:"M54.4037 16.5633C55.3723 17.5743 56.334 16.0368 56.5094 16.5633C56.6849 17.0899 56.699 18.1008 57.8501 18.178C59.0013 18.2552 56.7762 19.0064 57.5202 19.3223C58.2643 19.6382 59.8576 20.6491 60.4402 20.2279C61.0228 19.8067 61.7178 19.4838 61.9775 19.7997C62.2372 20.1156 63.8376 19.7505 63.3813 19.217C62.9251 18.6834 61.7107 17.4268 61.7599 16.7038C61.809 15.9807 63.1638 14.1203 61.6546 14.2818C61.2905 14.3276 60.9588 14.5141 60.7305 14.8014C60.5022 15.0888 60.3955 15.4541 60.4332 15.8192C60.4332 16.3527 59.0294 15.0259 58.7346 15.047C58.4397 15.068 57.4571 13.4323 57.085 13.4323C56.713 13.4323 54.2211 12.632 54.4317 13.4323C54.6423 14.2327 53.435 15.5524 54.4037 16.5633Z",fill:"var(--button-bg)",fillOpacity:.16}),e.createElement("path",{d:"M76.6833 24.1594C75.9323 23.7311 74.5073 21.7725 73.8756 22.4043C73.2439 23.0361 74.0371 24.5104 74.5775 25.1141C75.118 25.7179 77.3431 27.1359 77.0202 26.5182C76.6973 25.9004 78.1574 25.0088 76.6833 24.1594Z",fill:"var(--button-bg)",fillOpacity:.16}),e.createElement("path",{d:"M55.8707 10.6517C56.2567 10.6166 56.8604 11.9575 57.429 12.1049C57.9975 12.2523 58.2783 12.9192 58.4889 13.0737C58.6995 13.2281 61.079 12.3155 61.6406 12.1049C62.2021 11.8943 60.9386 10.5815 60.4683 9.66186C59.9981 8.74222 60.363 11.1852 59.6962 10.7851C59.0294 10.3849 59.1276 9.83737 58.2923 9.83737C57.457 9.83737 58.0396 8.17358 57.0148 8.52459C55.99 8.8756 55.4846 10.6868 55.8707 10.6517Z",fill:"var(--button-bg)",fillOpacity:.16}),e.createElement("path",{d:"M64.4061 13.8389C63.7042 13.9793 63.8376 14.4356 63.4445 14.8288C63.261 15.0164 63.1582 15.2684 63.1582 15.5308C63.1582 15.7932 63.261 16.0452 63.4445 16.2328C63.8025 16.6891 64.364 17.5035 64.7922 16.7242C65.2203 15.945 64.7922 15.3202 64.7922 14.8147C64.7922 14.3093 64.7501 13.7687 64.4061 13.8389Z",fill:"var(--button-bg)",fillOpacity:.16}),e.createElement("path",{d:"M65.8173 16.3167C65.9927 16.7379 66.3156 15.5726 67.0035 14.9688C67.6914 14.3651 66.6666 12.8628 66.0278 13.628C65.5997 14.1545 65.6418 15.8885 65.8173 16.3167Z",fill:"var(--button-bg)",fillOpacity:.16}),e.createElement("path",{d:"M65.691 16.8436C65.326 17.3631 65.0312 18.7531 65.691 18.8654C65.8356 18.8821 65.9819 18.8584 66.1137 18.7968C66.2456 18.7353 66.3577 18.6384 66.4378 18.5169C66.5178 18.3953 66.5625 18.254 66.567 18.1085C66.5715 17.9631 66.5355 17.8193 66.4631 17.693C66.1543 17.1665 65.8455 16.633 65.691 16.8436Z",fill:"var(--button-bg)",fillOpacity:.16}),e.createElement("path",{d:"M68.3652 7.88532C67.7335 8.17315 69.2917 8.69967 68.2248 8.9875C67.1579 9.27533 67.1298 10.1528 66.2103 9.40869C65.2907 8.66455 64.287 9.66142 64.9819 10.1107C65.6768 10.56 66.842 11.6692 66.8069 12.2729C66.7718 12.8767 67.9089 13.1575 68.9688 13.0873C70.0288 13.0171 71.3063 13.333 71.3414 12.8767C71.3765 12.4204 71.5028 12.2238 71.3765 11.8798C71.194 11.3814 70.7377 10.89 69.6427 11.3182C68.5477 11.7464 67.8317 11.5288 67.6773 10.9953C67.5228 10.4617 69.8252 9.43679 70.843 10.1458C71.8608 10.8549 72.8295 9.75971 72.0854 9.26127C71.3414 8.76284 71.8397 8.23633 72.3521 8.16613C72.7242 8.11698 73.0541 7.17627 73.3348 6.44617C71.7735 6.19361 70.1983 6.03655 68.6179 5.97583C68.6249 6.97972 68.9969 7.59749 68.3652 7.88532Z",fill:"var(--button-bg)",fillOpacity:.16}),e.createElement("path",{d:"M58.9523 7.00136C59.6543 7.30322 60.8195 7.00137 60.6019 6.46082C59.9631 6.57314 59.3244 6.69247 58.6926 6.82585C58.7629 6.90548 58.8523 6.96588 58.9523 7.00136Z",fill:"var(--button-bg)",fillOpacity:.16}),e.createElement("path",{d:"M59.3873 7.59784C58.3905 7.08536 58.4467 8.34197 58.9029 8.8404C59.3592 9.33883 60.6788 8.22965 59.3873 7.59784Z",fill:"var(--button-bg)",fillOpacity:.16}),e.createElement("path",{d:"M65.4524 5.97633C65.7587 6.03162 66.045 6.16644 66.2828 6.36727C66.5205 6.5681 66.7014 6.82789 66.8071 7.12062C66.9405 7.56991 68.0144 6.59411 68.0285 5.95527H67.0037C66.4842 5.94825 65.9718 5.95527 65.4524 5.97633Z",fill:"var(--button-bg)",fillOpacity:.16}),e.createElement("path",{d:"M63.3459 7.45055C62.8967 8.06832 63.2827 8.81246 63.8162 8.19469C64.3497 7.57691 63.9215 6.01142 64.3426 6.68535C64.7638 7.35929 65.55 8.42635 66.0764 8.47549C66.6029 8.52463 66.1466 7.85069 66.0764 7.28908C66.0062 6.72746 64.7498 6.19394 64.8902 6.00439C64.104 6.04652 63.3249 6.10969 62.5527 6.19393C63.1073 6.55898 63.6899 7.00828 63.3459 7.45055Z",fill:"var(--button-bg)",fillOpacity:.16}),e.createElement("path",{d:"M65.6909 12.7727C66.3156 13.0255 65.6909 11.5021 65.6909 11.5021C65.0381 11.8882 65.0732 12.513 65.6909 12.7727Z",fill:"var(--button-bg)",fillOpacity:.16}),e.createElement("path",{d:"M63.4448 11.8105C63.5501 12.2388 64.224 12.3792 64.5819 11.8105C64.9399 11.2419 64.5819 9.17795 64.0765 9.83083C63.5711 10.4837 62.9885 10.1818 61.9707 9.83083C60.9529 9.47982 63.3466 11.3612 63.4448 11.8105Z",fill:"var(--button-bg)",fillOpacity:.16}),e.createElement("path",{d:"M70.3655 47.9779C71.2359 47.8726 71.7694 48.9327 72.7521 48.8835C73.7348 48.8344 75.2229 50.3227 76.0722 49.4381C76.7741 48.7361 73.0399 48.1394 71.8606 47.5006C70.6814 46.8617 69.5021 48.0832 70.3655 47.9779Z",fill:"var(--button-bg)",fillOpacity:.16}),e.createElement("path",{d:"M74.7033 8.06041C75.9247 8.65011 75.7141 8.62905 74.9701 9.19768C74.226 9.76632 74.4928 11.0019 76.1353 10.9176C77.7778 10.8334 78.7956 9.19768 79.5397 11.5003C80.2837 13.8029 79.7502 16.3161 80.7048 17.0252C81.6595 17.7342 80.8663 18.2116 80.7048 18.8715C80.5434 19.5314 80.9716 20.0088 81.7156 19.7982C82.4597 19.5876 82.2491 20.9705 81.7156 21.5532C81.1822 22.1359 80.5504 23.2521 82.1929 25.2739C83.8355 27.2957 84.0531 27.0219 84.5795 27.7169C85.106 28.4119 85.5412 27.4572 85.6956 26.6569C85.85 25.8566 85.3236 23.0415 87.2118 23.0415C87.7999 23.0352 88.3704 22.84 88.8393 22.4849C89.3081 22.1297 89.6505 21.6333 89.8159 21.0688C90.0265 20.5914 91.5146 20.6406 92.3078 19.9526C93.101 19.2646 93.8029 18.8224 93.8239 16.4425C88.3684 11.379 81.5864 7.97052 74.2682 6.61426C74.0927 7.16183 74.0997 7.77961 74.7033 8.06041Z",fill:"var(--button-bg)",fillOpacity:.16}),e.createElement("path",{d:"M58.6019 1.33574C66.948 -0.280168 75.0348 0.446801 82.8517 3.51863C86.0609 4.77978 89.2246 6.43617 92.3421 8.48793C96.241 11.2668 99.561 14.3748 102.301 17.814M75.1367 89.7279C65.3658 91.4792 55.9902 90.2153 47.0305 85.9065C45.1531 85.0036 43.2939 83.967 41.4532 82.7964C36.5678 79.1925 32.595 75.1312 29.5312 70.6099M22.6732 53.7992C21.6291 48.178 21.6243 42.6599 22.6588 37.2449M29.7137 19.9565C27.7805 23.0036 26.2054 26.0861 24.9884 29.2042M107.617 26.3905C109.192 29.7714 110.342 33.3956 111.065 37.2644C111.935 41.9444 112.097 46.5196 111.552 50.9892M105.118 21.7909C105.559 22.4943 105.978 23.2098 106.376 23.9374",stroke:"var(--center-channel-color)",strokeOpacity:.48}),e.createElement("circle",{cx:54.5361,cy:54.6417,r:2.15015,fill:"var(--center-channel-color)"}),e.createElement("g",{opacity:.64},e.createElement("path",{d:"M66.7857 36.8976C67.2985 36.6427 67.7036 36.1772 67.8635 35.5805C68.1591 34.4772 67.5044 33.3431 66.4011 33.0475C65.2977 32.7519 64.1637 33.4066 63.868 34.5099C63.5724 35.6133 64.2272 36.7473 65.3305 37.043C65.8371 37.1787 66.3503 37.1141 66.7857 36.8976ZM66.7857 36.8976L70.0762 42.5969L72.176 46.2339C74.3738 44.9263 77.077 44.4728 79.7423 45.187C84.9831 46.5912 88.0932 51.9781 86.689 57.2188C85.2847 62.4596 79.8978 65.5697 74.6571 64.1655C72.9145 63.6985 71.4075 62.7913 70.2237 61.5956",stroke:"var(--center-channel-color)",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("circle",{cx:77.2527,cy:54.6417,r:2.15015,fill:"var(--center-channel-color)"}),e.createElement("circle",{cx:66,cy:34.8987,r:2.15015,fill:"var(--center-channel-color)"}),e.createElement("path",{d:"M75.1245 54.5122C75.0888 55.0838 75.2894 55.6674 75.7262 56.1042C76.5339 56.9119 77.8434 56.9119 78.6511 56.1042C79.4588 55.2965 79.4588 53.987 78.6511 53.1793C77.8434 52.3716 76.5339 52.3716 75.7262 53.1793C75.3553 53.5502 75.1547 54.0269 75.1245 54.5122ZM75.1245 54.5122H68.5435H64.3439C64.3774 57.0694 63.4185 59.6371 61.4674 61.5883C57.6308 65.4248 51.4106 65.4248 47.5741 61.5883C43.7376 57.7518 43.7376 51.5316 47.5741 47.6951C48.8498 46.4195 50.3889 45.568 52.0164 45.1407",stroke:"var(--center-channel-color)",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),e.createElement("path",{d:"M61.141 43.5064L62.007 44.0064C62.1408 43.7747 62.1761 43.4991 62.1052 43.2412C62.0343 42.9833 61.863 42.7645 61.6296 42.6339L61.141 43.5064ZM74.4562 37.2525C74.3106 37.7853 74.6244 38.3352 75.1571 38.4808C75.6899 38.6264 76.2398 38.3126 76.3854 37.7798L75.4208 37.5162L74.4562 37.2525ZM63.3978 25.4453L63.6566 26.4112C68.3639 25.1499 73.2024 27.9434 74.4638 32.6507L75.4297 32.3919L76.3956 32.1331C74.8484 26.3588 68.9132 22.9321 63.139 24.4793L63.3978 25.4453ZM56.4512 37.4771L57.4171 37.2183C56.1558 32.511 58.9493 27.6725 63.6566 26.4112L63.3978 25.4453L63.139 24.4793C57.3647 26.0265 53.9381 31.9617 55.4853 37.736L56.4512 37.4771ZM56.6042 54.0302L55.6383 54.289C55.791 54.8589 55.4528 55.4446 54.883 55.5973L55.1418 56.5632L55.4006 57.5291C57.0374 57.0906 58.0087 55.4082 57.5701 53.7714L56.6042 54.0302ZM55.1418 56.5632L54.883 55.5973C54.3131 55.75 53.7274 55.4118 53.5747 54.842L52.6088 55.1008L51.6428 55.3596C52.0814 56.9964 53.7638 57.9677 55.4006 57.5291L55.1418 56.5632ZM52.6088 55.1008L53.5747 54.842C53.422 54.2721 53.7602 53.6864 54.33 53.5337L54.0712 52.5677L53.8124 51.6018C52.1756 52.0404 51.2042 53.7228 51.6428 55.3596L52.6088 55.1008ZM54.0712 52.5677L54.33 53.5337C54.6381 53.4511 54.9495 53.5111 55.1978 53.6758L55.7507 52.8426L56.3036 52.0094C55.5976 51.5408 54.6977 51.3646 53.8124 51.6018L54.0712 52.5677ZM55.7507 52.8426L55.1978 53.6758C55.4077 53.8152 55.568 54.0267 55.6383 54.289L56.6042 54.0302L57.5701 53.7714C57.3689 53.0204 56.9041 52.4078 56.3036 52.0094L55.7507 52.8426ZM55.7507 52.8426L56.6167 53.3426L59.9072 47.6433L59.0412 47.1433L58.1752 46.6433L54.8847 52.3426L55.7507 52.8426ZM61.141 43.5064L61.6296 42.6339C59.6239 41.5106 58.0586 39.6126 57.4171 37.2183L56.4512 37.4771L55.4853 37.736C56.2721 40.6725 58.1954 43.0029 60.6524 44.3789L61.141 43.5064ZM59.0412 47.1433L59.9072 47.6433L62.007 44.0064L61.141 43.5064L60.275 43.0064L58.1752 46.6433L59.0412 47.1433ZM75.4297 32.3919L74.4638 32.6507C74.8836 34.2175 74.8543 35.7958 74.4562 37.2525L75.4208 37.5162L76.3854 37.7798C76.8745 35.9904 76.9096 34.0514 76.3956 32.1331L75.4297 32.3919Z",fill:"var(--center-channel-color)"}),e.createElement("path",{d:"M22.615 34.253H51.3875M51.3875 34.253L42.183 25.0486M51.3875 34.253L42.183 43.4574",stroke:"var(--center-channel-color)",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M18.875 34.2531H16.1963",stroke:"var(--center-channel-color)",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M13.0425 34.2531H11.3638",stroke:"var(--center-channel-color)",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}));exports.default=n;
 //# sourceMappingURL=incoming-webhook.svg.cjs.map