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

package/dist/components/tile-button/index.cjs

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

package/dist/components/tile-button/index.d.ts

@@ -0,0 +1,3 @@
+export { default as TileButton } from './TileButton';
+export type { TileButtonProps, TileButtonAsChildProps } from './TileButton';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/tile-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tile-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/tile-button/index.js

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

package/dist/components/toast/Toast.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__n=require("@mattermost/compass-icons/components/alert-circle-outline.js"),n=__n?.default??__n,__f=require("@mattermost/compass-icons/components/alert-outline.js"),f=__f?.default??__f,__j=require("@mattermost/compass-icons/components/check.js"),j=__j?.default??__j,__x=require("@mattermost/compass-icons/components/close.js"),x=__x?.default??__x,__m=require("@mattermost/compass-icons/components/information-outline.js"),m=__m?.default??__m,_=require("../button/Button.cjs"),o=require("../icon/Icon.cjs"),h=require("../icon-button/IconButton.cjs"),s=require("./Toast.module.scss.cjs"),p={general:e.jsx(n,{}),info:e.jsx(m,{}),success:e.jsx(j,{}),danger:e.jsx(f,{}),warning:e.jsx(n,{})};function q({className:r="",message:i,type:t="general",actionLabel:a,onAction:c,onDismiss:l}){const u=s.default[`toast--type-${t.toLowerCase()}`],d=[s.default.toast,u,r].filter(Boolean).join(" ");return e.jsxs("div",{className:d,role:"status","aria-live":"polite",children:[e.jsxs("div",{className:s.default.toast__content,children:[e.jsx("span",{className:s.default.toast__icon,"aria-hidden":!0,children:e.jsx(o.default,{glyph:p[t],size:"16"})}),e.jsx("span",{className:s.default.toast__message,children:i}),a!=null&&e.jsx(_.default,{appearance:"default",emphasis:"tertiary",size:"x-small",className:s.default["toast__action-btn--on-dark"],onClick:c,children:a})]}),l!=null&&e.jsx(h.default,{"aria-label":"Dismiss",size:"small",className:s.default.toast__dismiss,icon:e.jsx(o.default,{glyph:e.jsx(x,{}),size:"16"}),onClick:l})]})}exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__r=require("@mattermost/compass-icons/components/alert-circle-outline.js"),r=__r?.default??__r,__C=require("@mattermost/compass-icons/components/alert-outline.js"),C=__C?.default??__C,__h=require("@mattermost/compass-icons/components/check.js"),h=__h?.default??__h,__q=require("@mattermost/compass-icons/components/close.js"),q=__q?.default??__q,__g=require("@mattermost/compass-icons/components/information-outline.js"),g=__g?.default??__g,I=require("../button/Button.cjs"),l=require("../icon/Icon.cjs"),N=require("../icon-button/IconButton.cjs"),p=require("../../utils/props.cjs"),s=require("./Toast.module.scss.cjs"),v={general:e.jsx(r,{}),info:e.jsx(g,{}),success:e.jsx(h,{}),danger:e.jsx(C,{}),warning:e.jsx(r,{})};function y({className:c="",message:i,type:n="general",icon:u,actionLabel:o,onAction:d,onDismiss:a,dismissLabel:f="Dismiss",dismissButtonProps:t,...j}){const x=s.default[`toast--type-${n.toLowerCase()}`],m=a==null?s.default["toast--no-dismiss"]:"",_=[s.default.toast,x,m,c].filter(Boolean).join(" ");return e.jsxs("div",{...j,className:_,role:"status","aria-live":"polite",children:[e.jsxs("div",{className:s.default.toast__content,children:[e.jsx("span",{className:s.default.toast__icon,"aria-hidden":!0,children:e.jsx(l.IconSlotContext.Provider,{value:{size:"16"},children:u??e.jsx(l.default,{glyph:v[n]})})}),e.jsx("span",{className:s.default.toast__message,children:i}),o!=null&&e.jsx(I.default,{appearance:"default",emphasis:"tertiary",size:"x-small",className:s.default["toast__action-btn--on-dark"],onClick:d,children:o})]}),a!=null&&e.jsx(N.default,{...t,"aria-label":f,size:"small",className:p.mergeClassNames(s.default.toast__dismiss,t==null?void 0:t.className),icon:e.jsx(l.default,{glyph:e.jsx(q,{}),size:"16"}),onClick:a})]})}exports.default=y;
 //# sourceMappingURL=Toast.cjs.map

package/dist/components/toast/Toast.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.cjs","sources":["../../../src/components/toast/Toast.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport AlertCircleOutlineIcon from '@mattermost/compass-icons/components/alert-circle-outline';\nimport AlertOutlineIcon from '@mattermost/compass-icons/components/alert-outline';\nimport CheckIcon from '@mattermost/compass-icons/components/check';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport InformationOutlineIcon from '@mattermost/compass-icons/components/information-outline';\nimport Button from '@/components/button/Button';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport styles from './Toast.module.scss';\n\nexport type ToastType =\n  | 'general'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'danger';\n\nexport interface ToastProps {\n  className?: string;\n  message: string;\n  type?: ToastType;\n  actionLabel?: string;\n  onAction?: () => void;\n  onDismiss?: () => void;\n}\n\nconst TYPE_ICONS: Record<ToastType, ReactNode> = {\n  general: <AlertCircleOutlineIcon />,\n  info: <InformationOutlineIcon />,\n  success: <CheckIcon />,\n  danger: <AlertOutlineIcon />,\n  warning: <AlertCircleOutlineIcon />,\n};\n\n/**\n * Toasts notify the user that an action has completed or surface a brief message about a\n * system process. They sit on top of the workflow without interrupting it, don't require\n * user input to disappear, and auto-dismiss after a short duration.\n */\nexport default function Toast({\n  className = '',\n  message,\n  type = 'general',\n  actionLabel,\n  onAction,\n  onDismiss,\n}: ToastProps) {\n  const typeClass = styles[`toast--type-${type.toLowerCase()}`];\n  const rootClass = [styles.toast, typeClass, className].filter(Boolean).join(' ');\n\n  return (\n    <div className={rootClass} role=\"status\" aria-live=\"polite\">\n      <div className={styles['toast__content']}>\n        <span className={styles['toast__icon']} aria-hidden>\n          <Icon glyph={TYPE_ICONS[type]} size=\"16\" />\n        </span>\n        <span className={styles['toast__message']}>{message}</span>\n        {actionLabel != null && (\n          <Button\n            appearance=\"default\"\n            emphasis=\"tertiary\"\n            size=\"x-small\"\n            className={styles['toast__action-btn--on-dark']}\n            onClick={onAction}\n          >\n            {actionLabel}\n          </Button>\n        )}\n      </div>\n      {onDismiss != null && (\n        <IconButton\n          aria-label=\"Dismiss\"\n          size=\"small\"\n          className={styles['toast__dismiss']}\n          icon={<Icon glyph={<CloseIcon />} size=\"16\" />}\n          onClick={onDismiss}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["TYPE_ICONS","AlertCircleOutlineIcon","InformationOutlineIcon","CheckIcon","AlertOutlineIcon","Toast","className","message","type","actionLabel","onAction","onDismiss","typeClass","styles","rootClass","jsxs","jsx","Icon","Button","IconButton","CloseIcon"],"mappings":"6lBA2BMA,EAA2C,CAC/C,cAAUC,EAAA,EAAuB,EACjC,WAAOC,EAAA,EAAuB,EAC9B,cAAUC,EAAA,EAAU,EACpB,aAASC,EAAA,EAAiB,EAC1B,cAAUH,EAAA,CAAA,CAAuB,CACnC,EAOA,SAAwBI,EAAM,CAC5B,UAAAC,EAAY,GACZ,QAAAC,EACA,KAAAC,EAAO,UACP,YAAAC,EACA,SAAAC,EACA,UAAAC,CACF,EAAe,CACb,MAAMC,EAAYC,EAAAA,QAAO,eAAeL,EAAK,YAAA,CAAa,EAAE,EACtDM,EAAY,CAACD,UAAO,MAAOD,EAAWN,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAE/E,cACG,MAAA,CAAI,UAAWQ,EAAW,KAAK,SAAS,YAAU,SACjD,SAAA,CAAAC,EAAAA,KAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,eACrB,SAAA,CAAAG,MAAC,OAAA,CAAK,UAAWH,EAAAA,QAAO,YAAgB,cAAW,GACjD,SAAAG,EAAAA,IAACC,UAAA,CAAK,MAAOjB,EAAWQ,CAAI,EAAG,KAAK,KAAK,EAC3C,QACC,OAAA,CAAK,UAAWK,EAAAA,QAAO,eAAoB,SAAAN,EAAQ,EACnDE,GAAe,MACdO,EAAAA,IAACE,EAAAA,QAAA,CACC,WAAW,UACX,SAAS,WACT,KAAK,UACL,UAAWL,EAAAA,QAAO,4BAA4B,EAC9C,QAASH,EAER,SAAAD,CAAA,CAAA,CACH,EAEJ,EACCE,GAAa,MACZK,EAAAA,IAACG,EAAAA,QAAA,CACC,aAAW,UACX,KAAK,QACL,UAAWN,EAAAA,QAAO,eAClB,WAAOI,UAAA,CAAK,YAAQG,EAAA,EAAU,EAAI,KAAK,KAAK,EAC5C,QAAST,CAAA,CAAA,CACX,EAEJ,CAEJ"}
+{"version":3,"file":"Toast.cjs","sources":["../../../src/components/toast/Toast.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport AlertCircleOutlineIcon from '@mattermost/compass-icons/components/alert-circle-outline';\nimport AlertOutlineIcon from '@mattermost/compass-icons/components/alert-outline';\nimport CheckIcon from '@mattermost/compass-icons/components/check';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport InformationOutlineIcon from '@mattermost/compass-icons/components/information-outline';\nimport Button from '@/components/button/Button';\nimport Icon from '@/components/icon/Icon';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport type { BuiltInButtonProps } from '@/utils/props';\nimport { mergeClassNames } from '@/utils/props';\nimport styles from './Toast.module.scss';\n\nexport type ToastType = 'general' | 'info' | 'success' | 'warning' | 'danger';\n\nexport interface ToastProps extends HTMLAttributes<HTMLDivElement> {\n  className?: string;\n  /** Toast message. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n  message: ReactNode;\n  type?: ToastType;\n  /** Optional icon override — pass `<Icon glyph={<SomeIcon />} />`; replaces the default type icon. Toast provides the correct size via context. */\n  icon?: ReactNode;\n  actionLabel?: ReactNode;\n  onAction?: () => void;\n  onDismiss?: () => void;\n  /** Accessible name for the dismiss button. Default: \"Dismiss\". */\n  dismissLabel?: string;\n  /** Extra attributes for the dismiss button (e.g. `data-testid`). */\n  dismissButtonProps?: BuiltInButtonProps;\n}\n\nconst TYPE_ICONS: Record<ToastType, ReactNode> = {\n  general: <AlertCircleOutlineIcon />,\n  info: <InformationOutlineIcon />,\n  success: <CheckIcon />,\n  danger: <AlertOutlineIcon />,\n  warning: <AlertCircleOutlineIcon />,\n};\n\n/**\n * Toasts notify the user that an action has completed or surface a brief message about a\n * system process. They sit on top of the workflow without interrupting it, don't require\n * user input to disappear, and auto-dismiss after a short duration.\n */\nexport default function Toast({\n  className = '',\n  message,\n  type = 'general',\n  icon,\n  actionLabel,\n  onAction,\n  onDismiss,\n  dismissLabel = 'Dismiss',\n  dismissButtonProps,\n  ...rest\n}: ToastProps) {\n  const typeClass = styles[`toast--type-${type.toLowerCase()}`];\n  const noDismissClass = onDismiss == null ? styles['toast--no-dismiss'] : '';\n  const rootClass = [styles.toast, typeClass, noDismissClass, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div {...rest} className={rootClass} role=\"status\" aria-live=\"polite\">\n      <div className={styles['toast__content']}>\n        <span className={styles['toast__icon']} aria-hidden>\n          <IconSlotContext.Provider value={{ size: '16' }}>\n            {icon ?? <Icon glyph={TYPE_ICONS[type]} />}\n          </IconSlotContext.Provider>\n        </span>\n        <span className={styles['toast__message']}>{message}</span>\n        {actionLabel != null && (\n          <Button\n            appearance=\"default\"\n            emphasis=\"tertiary\"\n            size=\"x-small\"\n            className={styles['toast__action-btn--on-dark']}\n            onClick={onAction}\n          >\n            {actionLabel}\n          </Button>\n        )}\n      </div>\n      {onDismiss != null && (\n        <IconButton\n          {...dismissButtonProps}\n          aria-label={dismissLabel}\n          size=\"small\"\n          className={mergeClassNames(\n            styles['toast__dismiss'],\n            dismissButtonProps?.className,\n          )}\n          icon={<Icon glyph={<CloseIcon />} size=\"16\" />}\n          onClick={onDismiss}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["TYPE_ICONS","AlertCircleOutlineIcon","InformationOutlineIcon","CheckIcon","AlertOutlineIcon","Toast","className","message","type","icon","actionLabel","onAction","onDismiss","dismissLabel","dismissButtonProps","rest","typeClass","styles","noDismissClass","rootClass","jsxs","jsx","IconSlotContext","Icon","Button","IconButton","mergeClassNames","CloseIcon"],"mappings":"goBAgCMA,EAA2C,CAC/C,cAAUC,EAAA,EAAuB,EACjC,WAAOC,EAAA,EAAuB,EAC9B,cAAUC,EAAA,EAAU,EACpB,aAASC,EAAA,EAAiB,EAC1B,cAAUH,EAAA,CAAA,CAAuB,CACnC,EAOA,SAAwBI,EAAM,CAC5B,UAAAC,EAAY,GACZ,QAAAC,EACA,KAAAC,EAAO,UACP,KAAAC,EACA,YAAAC,EACA,SAAAC,EACA,UAAAC,EACA,aAAAC,EAAe,UACf,mBAAAC,EACA,GAAGC,CACL,EAAe,CACb,MAAMC,EAAYC,EAAAA,QAAO,eAAeT,EAAK,YAAA,CAAa,EAAE,EACtDU,EAAiBN,GAAa,KAAOK,EAAAA,QAAO,mBAAmB,EAAI,GACnEE,EAAY,CAACF,UAAO,MAAOD,EAAWE,EAAgBZ,CAAS,EAClE,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEc,OAAC,OAAK,GAAGL,EAAM,UAAWI,EAAW,KAAK,SAAS,YAAU,SAC3D,SAAA,CAAAC,EAAAA,KAAC,MAAA,CAAI,UAAWH,EAAAA,QAAO,eACrB,SAAA,CAAAI,EAAAA,IAAC,OAAA,CAAK,UAAWJ,EAAAA,QAAO,YAAgB,cAAW,GACjD,SAAAI,EAAAA,IAACC,EAAAA,gBAAgB,SAAhB,CAAyB,MAAO,CAAE,KAAM,IAAA,EACtC,SAAAb,GAAQY,EAAAA,IAACE,EAAAA,QAAA,CAAK,MAAOvB,EAAWQ,CAAI,CAAA,CAAG,CAAA,CAC1C,CAAA,CACF,QACC,OAAA,CAAK,UAAWS,EAAAA,QAAO,eAAoB,SAAAV,EAAQ,EACnDG,GAAe,MACdW,EAAAA,IAACG,EAAAA,QAAA,CACC,WAAW,UACX,SAAS,WACT,KAAK,UACL,UAAWP,EAAAA,QAAO,4BAA4B,EAC9C,QAASN,EAER,SAAAD,CAAA,CAAA,CACH,EAEJ,EACCE,GAAa,MACZS,EAAAA,IAACI,EAAAA,QAAA,CACE,GAAGX,EACJ,aAAYD,EACZ,KAAK,QACL,UAAWa,EAAAA,gBACTT,EAAAA,QAAO,eACPH,GAAA,YAAAA,EAAoB,SAAA,EAEtB,WAAOS,UAAA,CAAK,YAAQI,EAAA,EAAU,EAAI,KAAK,KAAK,EAC5C,QAASf,CAAA,CAAA,CACX,EAEJ,CAEJ"}

package/dist/components/toast/Toast.css

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

package/dist/components/toast/Toast.d.ts

@@ -1,16 +1,25 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { BuiltInButtonProps } from '../../utils/props';
 export type ToastType = 'general' | 'info' | 'success' | 'warning' | 'danger';
-export interface ToastProps {
+export interface ToastProps extends HTMLAttributes<HTMLDivElement> {
     className?: string;
-    message: string;
+    /** Toast message. Accepts translated nodes (e.g. `<FormattedMessage/>`). */
+    message: ReactNode;
     type?: ToastType;
-    actionLabel?: string;
+    /** Optional icon override — pass `<Icon glyph={<SomeIcon />} />`; replaces the default type icon. Toast provides the correct size via context. */
+    icon?: ReactNode;
+    actionLabel?: ReactNode;
     onAction?: () => void;
     onDismiss?: () => void;
+    /** Accessible name for the dismiss button. Default: "Dismiss". */
+    dismissLabel?: string;
+    /** Extra attributes for the dismiss button (e.g. `data-testid`). */
+    dismissButtonProps?: BuiltInButtonProps;
 }
 /**
  * Toasts notify the user that an action has completed or surface a brief message about a
  * system process. They sit on top of the workflow without interrupting it, don't require
  * user input to disappear, and auto-dismiss after a short duration.
  */
-export default function Toast({ className, message, type, actionLabel, onAction, onDismiss, }: ToastProps): import("react/jsx-runtime").JSX.Element;
+export default function Toast({ className, message, type, icon, actionLabel, onAction, onDismiss, dismissLabel, dismissButtonProps, ...rest }: ToastProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Toast.d.ts.map

package/dist/components/toast/Toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/toast/Toast.tsx"],"names":[],"mappings":"AAWA,MAAM,MAAM,SAAS,GACjB,SAAS,GACT,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;AAEb,MAAM,WAAW,UAAU;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAUD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,SAAc,EACd,OAAO,EACP,IAAgB,EAChB,WAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE,UAAU,2CAkCZ"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAIxD,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE9E,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4EAA4E;IAC5E,OAAO,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,kJAAkJ;IAClJ,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oEAAoE;IACpE,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;CACzC;AAUD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,SAAc,EACd,OAAO,EACP,IAAgB,EAChB,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,SAAS,EACT,YAAwB,EACxB,kBAAkB,EAClB,GAAG,IAAI,EACR,EAAE,UAAU,2CA2CZ"}

package/dist/components/toast/Toast.js

@@ -1,58 +1,67 @@
-import { jsxs as r, jsx as o } from "react/jsx-runtime";
-import __n from "@mattermost/compass-icons/components/alert-circle-outline.js";const n=__n&&__n.default?__n.default:__n;
-import __d from "@mattermost/compass-icons/components/alert-outline.js";const d=__d&&__d.default?__d.default:__d;
-import __u from "@mattermost/compass-icons/components/check.js";const u=__u&&__u.default?__u.default:__u;
-import ___ from "@mattermost/compass-icons/components/close.js";const _=___&&___.default?___.default:___;
-import __h from "@mattermost/compass-icons/components/information-outline.js";const h=__h&&__h.default?__h.default:__h;
-import C from "../button/Button.js";
-import i from "../icon/Icon.js";
-import I from "../icon-button/IconButton.js";
-import t from "./Toast.module.scss.js";
-const g = {
-  general: /* @__PURE__ */ o(n, {}),
-  info: /* @__PURE__ */ o(h, {}),
-  success: /* @__PURE__ */ o(u, {}),
-  danger: /* @__PURE__ */ o(d, {}),
-  warning: /* @__PURE__ */ o(n, {})
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import __s from "@mattermost/compass-icons/components/alert-circle-outline.js";const s=__s&&__s.default?__s.default:__s;
+import __I from "@mattermost/compass-icons/components/alert-outline.js";const I=__I&&__I.default?__I.default:__I;
+import __N from "@mattermost/compass-icons/components/check.js";const N=__N&&__N.default?__N.default:__N;
+import __g from "@mattermost/compass-icons/components/close.js";const g=__g&&__g.default?__g.default:__g;
+import __v from "@mattermost/compass-icons/components/information-outline.js";const v=__v&&__v.default?__v.default:__v;
+import x from "../button/Button.js";
+import i, { IconSlotContext as y } from "../icon/Icon.js";
+import k from "../icon-button/IconButton.js";
+import { mergeClassNames as z } from "../../utils/props.js";
+import o from "./Toast.module.scss.js";
+const O = {
+  general: /* @__PURE__ */ e(s, {}),
+  info: /* @__PURE__ */ e(v, {}),
+  success: /* @__PURE__ */ e(N, {}),
+  danger: /* @__PURE__ */ e(I, {}),
+  warning: /* @__PURE__ */ e(s, {})
 };
-function A({
-  className: l = "",
-  message: c,
-  type: s = "general",
-  actionLabel: e,
-  onAction: m,
-  onDismiss: a
+function F({
+  className: c = "",
+  message: m,
+  type: l = "general",
+  icon: f,
+  actionLabel: r,
+  onAction: p,
+  onDismiss: t,
+  dismissLabel: d = "Dismiss",
+  dismissButtonProps: a,
+  ...C
 }) {
-  const p = t[`toast--type-${s.toLowerCase()}`], f = [t.toast, p, l].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r("div", { className: f, role: "status", "aria-live": "polite", children: [
-    /* @__PURE__ */ r("div", { className: t.toast__content, children: [
-      /* @__PURE__ */ o("span", { className: t.toast__icon, "aria-hidden": !0, children: /* @__PURE__ */ o(i, { glyph: g[s], size: "16" }) }),
-      /* @__PURE__ */ o("span", { className: t.toast__message, children: c }),
-      e != null && /* @__PURE__ */ o(
-        C,
+  const h = o[`toast--type-${l.toLowerCase()}`], u = t == null ? o["toast--no-dismiss"] : "", _ = [o.toast, h, u, c].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { ...C, className: _, role: "status", "aria-live": "polite", children: [
+    /* @__PURE__ */ n("div", { className: o.toast__content, children: [
+      /* @__PURE__ */ e("span", { className: o.toast__icon, "aria-hidden": !0, children: /* @__PURE__ */ e(y.Provider, { value: { size: "16" }, children: f ?? /* @__PURE__ */ e(i, { glyph: O[l] }) }) }),
+      /* @__PURE__ */ e("span", { className: o.toast__message, children: m }),
+      r != null && /* @__PURE__ */ e(
+        x,
         {
           appearance: "default",
           emphasis: "tertiary",
           size: "x-small",
-          className: t["toast__action-btn--on-dark"],
-          onClick: m,
-          children: e
+          className: o["toast__action-btn--on-dark"],
+          onClick: p,
+          children: r
         }
       )
     ] }),
-    a != null && /* @__PURE__ */ o(
-      I,
+    t != null && /* @__PURE__ */ e(
+      k,
       {
-        "aria-label": "Dismiss",
+        ...a,
+        "aria-label": d,
         size: "small",
-        className: t.toast__dismiss,
-        icon: /* @__PURE__ */ o(i, { glyph: /* @__PURE__ */ o(_, {}), size: "16" }),
-        onClick: a
+        className: z(
+          o.toast__dismiss,
+          a == null ? void 0 : a.className
+        ),
+        icon: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(g, {}), size: "16" }),
+        onClick: t
       }
     )
   ] });
 }
 export {
-  A as default
+  F as default
 };
 //# sourceMappingURL=Toast.js.map

package/dist/components/toast/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","sources":["../../../src/components/toast/Toast.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport AlertCircleOutlineIcon from '@mattermost/compass-icons/components/alert-circle-outline';\nimport AlertOutlineIcon from '@mattermost/compass-icons/components/alert-outline';\nimport CheckIcon from '@mattermost/compass-icons/components/check';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport InformationOutlineIcon from '@mattermost/compass-icons/components/information-outline';\nimport Button from '@/components/button/Button';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport styles from './Toast.module.scss';\n\nexport type ToastType =\n  | 'general'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'danger';\n\nexport interface ToastProps {\n  className?: string;\n  message: string;\n  type?: ToastType;\n  actionLabel?: string;\n  onAction?: () => void;\n  onDismiss?: () => void;\n}\n\nconst TYPE_ICONS: Record<ToastType, ReactNode> = {\n  general: <AlertCircleOutlineIcon />,\n  info: <InformationOutlineIcon />,\n  success: <CheckIcon />,\n  danger: <AlertOutlineIcon />,\n  warning: <AlertCircleOutlineIcon />,\n};\n\n/**\n * Toasts notify the user that an action has completed or surface a brief message about a\n * system process. They sit on top of the workflow without interrupting it, don't require\n * user input to disappear, and auto-dismiss after a short duration.\n */\nexport default function Toast({\n  className = '',\n  message,\n  type = 'general',\n  actionLabel,\n  onAction,\n  onDismiss,\n}: ToastProps) {\n  const typeClass = styles[`toast--type-${type.toLowerCase()}`];\n  const rootClass = [styles.toast, typeClass, className].filter(Boolean).join(' ');\n\n  return (\n    <div className={rootClass} role=\"status\" aria-live=\"polite\">\n      <div className={styles['toast__content']}>\n        <span className={styles['toast__icon']} aria-hidden>\n          <Icon glyph={TYPE_ICONS[type]} size=\"16\" />\n        </span>\n        <span className={styles['toast__message']}>{message}</span>\n        {actionLabel != null && (\n          <Button\n            appearance=\"default\"\n            emphasis=\"tertiary\"\n            size=\"x-small\"\n            className={styles['toast__action-btn--on-dark']}\n            onClick={onAction}\n          >\n            {actionLabel}\n          </Button>\n        )}\n      </div>\n      {onDismiss != null && (\n        <IconButton\n          aria-label=\"Dismiss\"\n          size=\"small\"\n          className={styles['toast__dismiss']}\n          icon={<Icon glyph={<CloseIcon />} size=\"16\" />}\n          onClick={onDismiss}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["TYPE_ICONS","AlertCircleOutlineIcon","InformationOutlineIcon","CheckIcon","AlertOutlineIcon","Toast","className","message","type","actionLabel","onAction","onDismiss","typeClass","styles","rootClass","jsxs","jsx","Icon","Button","IconButton","CloseIcon"],"mappings":";;;;;;;;;;AA2BA,MAAMA,IAA2C;AAAA,EAC/C,2BAAUC,GAAA,EAAuB;AAAA,EACjC,wBAAOC,GAAA,EAAuB;AAAA,EAC9B,2BAAUC,GAAA,EAAU;AAAA,EACpB,0BAASC,GAAA,EAAiB;AAAA,EAC1B,2BAAUH,GAAA,CAAA,CAAuB;AACnC;AAOA,SAAwBI,EAAM;AAAA,EAC5B,WAAAC,IAAY;AAAA,EACZ,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,GAAe;AACb,QAAMC,IAAYC,EAAO,eAAeL,EAAK,YAAA,CAAa,EAAE,GACtDM,IAAY,CAACD,EAAO,OAAOD,GAAWN,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE/E,2BACG,OAAA,EAAI,WAAWQ,GAAW,MAAK,UAAS,aAAU,UACjD,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWF,EAAO,gBACrB,UAAA;AAAA,MAAA,gBAAAG,EAAC,QAAA,EAAK,WAAWH,EAAO,aAAgB,eAAW,IACjD,UAAA,gBAAAG,EAACC,GAAA,EAAK,OAAOjB,EAAWQ,CAAI,GAAG,MAAK,MAAK,GAC3C;AAAA,wBACC,QAAA,EAAK,WAAWK,EAAO,gBAAoB,UAAAN,GAAQ;AAAA,MACnDE,KAAe,QACd,gBAAAO;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,YAAW;AAAA,UACX,UAAS;AAAA,UACT,MAAK;AAAA,UACL,WAAWL,EAAO,4BAA4B;AAAA,UAC9C,SAASH;AAAA,UAER,UAAAD;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,GAEJ;AAAA,IACCE,KAAa,QACZ,gBAAAK;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,MAAK;AAAA,QACL,WAAWN,EAAO;AAAA,QAClB,wBAAOI,GAAA,EAAK,yBAAQG,GAAA,EAAU,GAAI,MAAK,MAAK;AAAA,QAC5C,SAAST;AAAA,MAAA;AAAA,IAAA;AAAA,EACX,GAEJ;AAEJ;"}
+{"version":3,"file":"Toast.js","sources":["../../../src/components/toast/Toast.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport AlertCircleOutlineIcon from '@mattermost/compass-icons/components/alert-circle-outline';\nimport AlertOutlineIcon from '@mattermost/compass-icons/components/alert-outline';\nimport CheckIcon from '@mattermost/compass-icons/components/check';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport InformationOutlineIcon from '@mattermost/compass-icons/components/information-outline';\nimport Button from '@/components/button/Button';\nimport Icon from '@/components/icon/Icon';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport type { BuiltInButtonProps } from '@/utils/props';\nimport { mergeClassNames } from '@/utils/props';\nimport styles from './Toast.module.scss';\n\nexport type ToastType = 'general' | 'info' | 'success' | 'warning' | 'danger';\n\nexport interface ToastProps extends HTMLAttributes<HTMLDivElement> {\n  className?: string;\n  /** Toast message. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n  message: ReactNode;\n  type?: ToastType;\n  /** Optional icon override — pass `<Icon glyph={<SomeIcon />} />`; replaces the default type icon. Toast provides the correct size via context. */\n  icon?: ReactNode;\n  actionLabel?: ReactNode;\n  onAction?: () => void;\n  onDismiss?: () => void;\n  /** Accessible name for the dismiss button. Default: \"Dismiss\". */\n  dismissLabel?: string;\n  /** Extra attributes for the dismiss button (e.g. `data-testid`). */\n  dismissButtonProps?: BuiltInButtonProps;\n}\n\nconst TYPE_ICONS: Record<ToastType, ReactNode> = {\n  general: <AlertCircleOutlineIcon />,\n  info: <InformationOutlineIcon />,\n  success: <CheckIcon />,\n  danger: <AlertOutlineIcon />,\n  warning: <AlertCircleOutlineIcon />,\n};\n\n/**\n * Toasts notify the user that an action has completed or surface a brief message about a\n * system process. They sit on top of the workflow without interrupting it, don't require\n * user input to disappear, and auto-dismiss after a short duration.\n */\nexport default function Toast({\n  className = '',\n  message,\n  type = 'general',\n  icon,\n  actionLabel,\n  onAction,\n  onDismiss,\n  dismissLabel = 'Dismiss',\n  dismissButtonProps,\n  ...rest\n}: ToastProps) {\n  const typeClass = styles[`toast--type-${type.toLowerCase()}`];\n  const noDismissClass = onDismiss == null ? styles['toast--no-dismiss'] : '';\n  const rootClass = [styles.toast, typeClass, noDismissClass, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div {...rest} className={rootClass} role=\"status\" aria-live=\"polite\">\n      <div className={styles['toast__content']}>\n        <span className={styles['toast__icon']} aria-hidden>\n          <IconSlotContext.Provider value={{ size: '16' }}>\n            {icon ?? <Icon glyph={TYPE_ICONS[type]} />}\n          </IconSlotContext.Provider>\n        </span>\n        <span className={styles['toast__message']}>{message}</span>\n        {actionLabel != null && (\n          <Button\n            appearance=\"default\"\n            emphasis=\"tertiary\"\n            size=\"x-small\"\n            className={styles['toast__action-btn--on-dark']}\n            onClick={onAction}\n          >\n            {actionLabel}\n          </Button>\n        )}\n      </div>\n      {onDismiss != null && (\n        <IconButton\n          {...dismissButtonProps}\n          aria-label={dismissLabel}\n          size=\"small\"\n          className={mergeClassNames(\n            styles['toast__dismiss'],\n            dismissButtonProps?.className,\n          )}\n          icon={<Icon glyph={<CloseIcon />} size=\"16\" />}\n          onClick={onDismiss}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["TYPE_ICONS","AlertCircleOutlineIcon","InformationOutlineIcon","CheckIcon","AlertOutlineIcon","Toast","className","message","type","icon","actionLabel","onAction","onDismiss","dismissLabel","dismissButtonProps","rest","typeClass","styles","noDismissClass","rootClass","jsxs","jsx","IconSlotContext","Icon","Button","IconButton","mergeClassNames","CloseIcon"],"mappings":";;;;;;;;;;;AAgCA,MAAMA,IAA2C;AAAA,EAC/C,2BAAUC,GAAA,EAAuB;AAAA,EACjC,wBAAOC,GAAA,EAAuB;AAAA,EAC9B,2BAAUC,GAAA,EAAU;AAAA,EACpB,0BAASC,GAAA,EAAiB;AAAA,EAC1B,2BAAUH,GAAA,CAAA,CAAuB;AACnC;AAOA,SAAwBI,EAAM;AAAA,EAC5B,WAAAC,IAAY;AAAA,EACZ,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,oBAAAC;AAAA,EACA,GAAGC;AACL,GAAe;AACb,QAAMC,IAAYC,EAAO,eAAeT,EAAK,YAAA,CAAa,EAAE,GACtDU,IAAiBN,KAAa,OAAOK,EAAO,mBAAmB,IAAI,IACnEE,IAAY,CAACF,EAAO,OAAOD,GAAWE,GAAgBZ,CAAS,EAClE,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAc,EAAC,SAAK,GAAGL,GAAM,WAAWI,GAAW,MAAK,UAAS,aAAU,UAC3D,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWH,EAAO,gBACrB,UAAA;AAAA,MAAA,gBAAAI,EAAC,QAAA,EAAK,WAAWJ,EAAO,aAAgB,eAAW,IACjD,UAAA,gBAAAI,EAACC,EAAgB,UAAhB,EAAyB,OAAO,EAAE,MAAM,KAAA,GACtC,UAAAb,KAAQ,gBAAAY,EAACE,GAAA,EAAK,OAAOvB,EAAWQ,CAAI,EAAA,CAAG,EAAA,CAC1C,EAAA,CACF;AAAA,wBACC,QAAA,EAAK,WAAWS,EAAO,gBAAoB,UAAAV,GAAQ;AAAA,MACnDG,KAAe,QACd,gBAAAW;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,YAAW;AAAA,UACX,UAAS;AAAA,UACT,MAAK;AAAA,UACL,WAAWP,EAAO,4BAA4B;AAAA,UAC9C,SAASN;AAAA,UAER,UAAAD;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,GAEJ;AAAA,IACCE,KAAa,QACZ,gBAAAS;AAAA,MAACI;AAAA,MAAA;AAAA,QACE,GAAGX;AAAA,QACJ,cAAYD;AAAA,QACZ,MAAK;AAAA,QACL,WAAWa;AAAA,UACTT,EAAO;AAAA,UACPH,KAAA,gBAAAA,EAAoB;AAAA,QAAA;AAAA,QAEtB,wBAAOS,GAAA,EAAK,yBAAQI,GAAA,EAAU,GAAI,MAAK,MAAK;AAAA,QAC5C,SAASf;AAAA,MAAA;AAAA,IAAA;AAAA,EACX,GAEJ;AAEJ;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Toast.module.css');const t="_toast_izrfd_2",s="_toast__content_izrfd_13",_="_toast__icon_izrfd_21",o="_toast__message_izrfd_27",a="_toast__dismiss_izrfd_59",e={toast:t,toast__content:s,toast__icon:_,toast__message:o,"toast__action-btn--on-dark":"_toast__action-btn--on-dark_izrfd_38",toast__dismiss:a,"toast--type-info":"_toast--type-info_izrfd_75","toast--type-success":"_toast--type-success_izrfd_78","toast--type-danger":"_toast--type-danger_izrfd_81","toast--type-warning":"_toast--type-warning_izrfd_84"};exports.default=e;exports.toast=t;exports.toast__content=s;exports.toast__dismiss=a;exports.toast__icon=_;exports.toast__message=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Toast.css');const t="_toast_1rae9_13",s="_toast__content_1rae9_24",_="_toast__icon_1rae9_32",a="_toast__message_1rae9_38",o="_toast__dismiss_1rae9_74",e={toast:t,toast__content:s,toast__icon:_,toast__message:a,"toast__action-btn--on-dark":"_toast__action-btn--on-dark_1rae9_49",toast__dismiss:o,"toast--type-info":"_toast--type-info_1rae9_91","toast--type-success":"_toast--type-success_1rae9_94","toast--type-danger":"_toast--type-danger_1rae9_97","toast--type-warning":"_toast--type-warning_1rae9_100","toast--no-dismiss":"_toast--no-dismiss_1rae9_103"};exports.default=e;exports.toast=t;exports.toast__content=s;exports.toast__dismiss=o;exports.toast__icon=_;exports.toast__message=a;
 //# sourceMappingURL=Toast.module.scss.cjs.map

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

@@ -1,21 +1,22 @@
-import './Toast.module.css';const t = "_toast_izrfd_2", _ = "_toast__content_izrfd_13", s = "_toast__icon_izrfd_21", o = "_toast__message_izrfd_27", a = "_toast__dismiss_izrfd_59", n = {
+import './Toast.css';const t = "_toast_1rae9_13", s = "_toast__content_1rae9_24", _ = "_toast__icon_1rae9_32", a = "_toast__message_1rae9_38", o = "_toast__dismiss_1rae9_74", e = {
   toast: t,
-  toast__content: _,
-  toast__icon: s,
-  toast__message: o,
-  "toast__action-btn--on-dark": "_toast__action-btn--on-dark_izrfd_38",
-  toast__dismiss: a,
-  "toast--type-info": "_toast--type-info_izrfd_75",
-  "toast--type-success": "_toast--type-success_izrfd_78",
-  "toast--type-danger": "_toast--type-danger_izrfd_81",
-  "toast--type-warning": "_toast--type-warning_izrfd_84"
+  toast__content: s,
+  toast__icon: _,
+  toast__message: a,
+  "toast__action-btn--on-dark": "_toast__action-btn--on-dark_1rae9_49",
+  toast__dismiss: o,
+  "toast--type-info": "_toast--type-info_1rae9_91",
+  "toast--type-success": "_toast--type-success_1rae9_94",
+  "toast--type-danger": "_toast--type-danger_1rae9_97",
+  "toast--type-warning": "_toast--type-warning_1rae9_100",
+  "toast--no-dismiss": "_toast--no-dismiss_1rae9_103"
 };
 export {
-  n as default,
+  e as default,
   t as toast,
-  _ as toast__content,
-  a as toast__dismiss,
-  s as toast__icon,
-  o as toast__message
+  s as toast__content,
+  o as toast__dismiss,
+  _ as toast__icon,
+  a as toast__message
 };
 //# sourceMappingURL=Toast.module.scss.js.map

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

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

package/dist/components/tooltip/Tooltip.cjs

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

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

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

package/dist/components/tooltip/Tooltip.css

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

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

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

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

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

package/dist/components/tooltip/Tooltip.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__x=require("@mattermost/compass-icons/components/close.js"),x=__x?.default??__x,__h=require("@mattermost/compass-icons/components/chevron-right.js"),h=__h?.default??__h,m=require("../button/Button.cjs"),u=require("../icon/Icon.cjs"),g=require("../icon-button/IconButton.cjs"),N=require("../pagination-dots/PaginationDots.cjs"),v=require("../../utils/string.cjs"),t=require("./TourPoint.module.scss.cjs");function q({title:r,children:d,media:n,pointerPosition:o="top-center",showPulsingDot:c=!0,onClose:l,progress:s,primaryAction:a,className:p=""}){const i=o!=="none",_=i&&t.default[`tour-point--pointer-${v.toKebab(o)}`],f=[t.default["tour-point"],_,p].filter(Boolean).join(" "),j=s!=null||a!=null;return e.jsxs("div",{className:f,children:[i&&e.jsxs("span",{className:t.default["tour-point__pointer"],"aria-hidden":!0,children:[e.jsx("span",{className:t.default["tour-point__pointer-triangle"]}),c&&e.jsxs("span",{className:t.default["tour-point__pointer-pulse"],children:[e.jsx("span",{className:t.default["tour-point__pointer-pulse-ring"]}),e.jsx("span",{className:[t.default["tour-point__pointer-pulse-ring"],t.default["tour-point__pointer-pulse-ring--delay"]].join(" ")}),e.jsx("span",{className:t.default["tour-point__pointer-pulse-core"]})]})]}),e.jsxs("div",{className:t.default["tour-point__panel"],children:[e.jsxs("div",{className:t.default["tour-point__header"],children:[e.jsx("h2",{className:t.default["tour-point__title"],children:r}),l&&e.jsx(g.default,{className:t.default["tour-point__close"],"aria-label":"Close",size:"small",padding:"compact",style:"default",icon:e.jsx(u.default,{size:"16",glyph:e.jsx(x,{})}),onClick:l})]}),e.jsxs("div",{className:t.default["tour-point__body"],children:[e.jsx("div",{className:t.default["tour-point__description"],children:d}),n!=null&&e.jsx("div",{className:t.default["tour-point__media"],children:n})]}),j&&e.jsxs("div",{className:t.default["tour-point__footer"],children:[s!=null?e.jsx(N.default,{className:t.default["tour-point__progress"],pages:s.pages,activePage:s.activePage,dotStyle:"on-primary",onPageChange:s.onPageChange}):e.jsx("span",{className:t.default["tour-point__footer-spacer"],"aria-hidden":!0}),a!=null?e.jsx("div",{className:t.default["tour-point__next-wrap"],children:e.jsx(m.default,{emphasis:"primary",size:"small",trailingIcon:e.jsx(u.default,{size:"16",glyph:e.jsx(h,{})}),onClick:a.onClick,children:a.label})}):null]})]})]})}exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__g=require("@mattermost/compass-icons/components/close.js"),g=__g?.default??__g,__N=require("@mattermost/compass-icons/components/chevron-right.js"),N=__N?.default??__N,b=require("../button/Button.cjs"),r=require("../icon/Icon.cjs"),v=require("../icon-button/IconButton.cjs"),q=require("../pagination-dots/PaginationDots.cjs"),C=require("../../utils/props.cjs"),I=require("../../utils/string.cjs"),a=require("./TourPoint.module.scss.cjs");function P({title:d,children:c,media:n,pointerPosition:i="top-center",showPulsingDot:p=!0,onClose:o,closeLabel:_="Close",closeButtonProps:s,progress:t,primaryAction:l,className:f="",...j}){const u=i!=="none",m=u&&a.default[`tour-point--pointer-${I.toKebab(i)}`],x=[a.default["tour-point"],m,f].filter(Boolean).join(" "),h=t!=null||l!=null;return e.jsxs("div",{...j,className:x,children:[u&&e.jsxs("span",{className:a.default["tour-point__pointer"],"aria-hidden":!0,children:[e.jsx("span",{className:a.default["tour-point__pointer-triangle"]}),p&&e.jsxs("span",{className:a.default["tour-point__pointer-pulse"],children:[e.jsx("span",{className:a.default["tour-point__pointer-pulse-ring"]}),e.jsx("span",{className:[a.default["tour-point__pointer-pulse-ring"],a.default["tour-point__pointer-pulse-ring--delay"]].join(" ")}),e.jsx("span",{className:a.default["tour-point__pointer-pulse-core"]})]})]}),e.jsxs("div",{className:a.default["tour-point__panel"],children:[e.jsxs("div",{className:a.default["tour-point__header"],children:[e.jsx("h2",{className:a.default["tour-point__title"],children:d}),o&&e.jsx(v.default,{...s,className:C.mergeClassNames(a.default["tour-point__close"],s==null?void 0:s.className),"aria-label":_,size:"small",padding:"compact",style:"default",icon:e.jsx(r.default,{size:"16",glyph:e.jsx(g,{})}),onClick:o})]}),e.jsxs("div",{className:a.default["tour-point__body"],children:[e.jsx("div",{className:a.default["tour-point__description"],children:c}),n!=null&&e.jsx("div",{className:a.default["tour-point__media"],children:n})]}),h&&e.jsxs("div",{className:a.default["tour-point__footer"],children:[t!=null?e.jsx(q.default,{className:a.default["tour-point__progress"],pages:t.pages,activePage:t.activePage,dotStyle:"on-primary",onPageChange:t.onPageChange,label:t.label,formatPageLabel:t.formatPageLabel}):e.jsx("span",{className:a.default["tour-point__footer-spacer"],"aria-hidden":!0}),l!=null?e.jsx("div",{className:a.default["tour-point__next-wrap"],children:e.jsx(b.default,{emphasis:"primary",size:"small",trailingIcon:e.jsx(r.default,{size:"16",glyph:e.jsx(N,{})}),disabled:l.disabled,loading:l.loading,onClick:l.onClick,children:l.label})}):null]})]})]})}exports.default=P;
 //# sourceMappingURL=TourPoint.cjs.map