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

package/dist/components/thread-list-item/ThreadListItem.js

@@ -0,0 +1,123 @@
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import __I from "@mattermost/compass-icons/components/dots-horizontal.js";const I=__I&&__I.default?__I.default:__I;
+import { useCallback as T } from "react";
+import A from "../icon/Icon.js";
+import x from "../icon-button/IconButton.js";
+import B from "../tag/Tag.js";
+import D from "../mention-badge/MentionBadge.js";
+import E from "../unread-badge/UnreadBadge.js";
+import j from "../user-avatar-group/UserAvatarGroup.js";
+import e from "./ThreadListItem.module.scss.js";
+const z = [
+  { key: "leonard", name: "Leonard Riley" },
+  { key: "aiko", name: "Aiko Tan" },
+  { key: "arjun", name: "Arjun Patel" },
+  { key: "marco", name: "Marco Rinaldi" },
+  { key: "sofia", name: "Sofia Bauer" }
+];
+function $({
+  active: n = !1,
+  badge: r = "none",
+  mentionCount: p = 1,
+  authorName: _ = "Martin Kraft",
+  channelLabel: u = "ENTERPRISE TEAM",
+  previewText: N = "Do we have a guideline for what minimum width we should support in the system console? I know that…",
+  timestamp: f = "5 mins ago",
+  replyCount: o = 3,
+  participants: m,
+  threadTitle: d,
+  className: v = "",
+  onClick: i,
+  onMenuClick: l
+}) {
+  const c = m === void 0 ? z : m, y = c.length > 0, h = !n && (r === "unread" || r === "mention"), g = o === 1 ? "1 reply" : `${o} replies`, w = [
+    e["thread-list-item"],
+    n ? e["thread-list-item--active"] : "",
+    v
+  ].filter(Boolean).join(" "), b = T(
+    (s) => {
+      i && (s.key === "Enter" || s.key === " ") && (s.preventDefault(), i());
+    },
+    [i]
+  );
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: w,
+      onClick: i,
+      role: i ? "button" : void 0,
+      tabIndex: i ? 0 : void 0,
+      onKeyDown: i ? b : void 0,
+      children: [
+        /* @__PURE__ */ t("div", { className: e["thread-list-item__thread"], children: /* @__PURE__ */ a("div", { className: e["thread-list-item__container"], children: [
+          /* @__PURE__ */ a("div", { className: e["thread-list-item__post-content"], children: [
+            /* @__PURE__ */ a("div", { className: e["thread-list-item__gutter"], children: [
+              h && r === "unread" && /* @__PURE__ */ t(
+                E,
+                {
+                  className: e["thread-list-item__unread-badge"],
+                  context: "icon-button"
+                }
+              ),
+              h && r === "mention" && /* @__PURE__ */ t("span", { className: e["thread-list-item__mention-gutter"], children: /* @__PURE__ */ t(
+                D,
+                {
+                  count: p,
+                  location: "channel",
+                  size: "medium"
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ t("div", { className: e["thread-list-item__post-body"], children: /* @__PURE__ */ a("div", { className: e["thread-list-item__post-body-content"], children: [
+              /* @__PURE__ */ a("div", { className: e["thread-list-item__name-row"], children: [
+                /* @__PURE__ */ a("div", { className: e["thread-list-item__name-group"], children: [
+                  /* @__PURE__ */ t("span", { className: e["thread-list-item__author"], children: _ }),
+                  /* @__PURE__ */ t(
+                    B,
+                    {
+                      casing: "all-caps",
+                      label: u
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ t("span", { className: e["thread-list-item__timestamp"], children: f })
+              ] }),
+              d != null && /* @__PURE__ */ t("div", { className: e["thread-list-item__title-row"], children: /* @__PURE__ */ t("p", { className: e["thread-list-item__title"], children: d }) }),
+              /* @__PURE__ */ t("p", { className: e["thread-list-item__preview"], children: N })
+            ] }) })
+          ] }),
+          /* @__PURE__ */ t("div", { className: e["thread-list-item__replies"], children: /* @__PURE__ */ a("div", { className: e["thread-list-item__replies-inner"], children: [
+            y && /* @__PURE__ */ t(
+              j,
+              {
+                avatars: c,
+                className: e["thread-list-item__avatar-group"],
+                max: 3,
+                size: "20"
+              }
+            ),
+            /* @__PURE__ */ t("span", { className: e["thread-list-item__reply-count"], children: g })
+          ] }) })
+        ] }) }),
+        /* @__PURE__ */ t("div", { className: e["thread-list-item__actions"], children: /* @__PURE__ */ t("span", { className: e["thread-list-item__menu-button"], children: /* @__PURE__ */ t(
+          x,
+          {
+            "aria-label": "Thread actions",
+            icon: /* @__PURE__ */ t(A, { size: "16", glyph: /* @__PURE__ */ t(I, {}) }),
+            padding: "compact",
+            size: "small",
+            style: "default",
+            type: "button",
+            onClick: (s) => {
+              s.stopPropagation(), l == null || l(s);
+            }
+          }
+        ) }) })
+      ]
+    }
+  );
+}
+export {
+  $ as default
+};
+//# sourceMappingURL=ThreadListItem.js.map

package/dist/components/thread-list-item/ThreadListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadListItem.js","sources":["../../../src/components/thread-list-item/ThreadListItem.tsx"],"sourcesContent":["import DotsHorizontalIcon from '@mattermost/compass-icons/components/dots-horizontal';\nimport { type KeyboardEvent, type MouseEvent, useCallback } from 'react';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Tag from '@/components/tag/Tag';\nimport MentionBadge from '../mention-badge/MentionBadge';\nimport UnreadBadge from '../unread-badge/UnreadBadge';\nimport UserAvatarGroup, {\n  type UserAvatarGroupItem,\n} from '../user-avatar-group/UserAvatarGroup';\nimport styles from './ThreadListItem.module.scss';\n\nconst DEFAULT_PARTICIPANTS: UserAvatarGroupItem[] = [\n  { key: 'leonard', name: 'Leonard Riley' },\n  { key: 'aiko', name: 'Aiko Tan' },\n  { key: 'arjun', name: 'Arjun Patel' },\n  { key: 'marco', name: 'Marco Rinaldi' },\n  { key: 'sofia', name: 'Sofia Bauer' },\n];\n\nexport interface ThreadListItemProps {\n  /** Whether this item is the active/selected thread. */\n  active?: boolean;\n  /** Badge in the left gutter. Default: None. Hidden when `active` is true. */\n  badge?: 'none' | 'unread' | 'mention';\n  /** Shown when `badge` is Mention. Default: 1. */\n  mentionCount?: number;\n  /** Author name. */\n  authorName?: string;\n  /** Channel/team label. */\n  channelLabel?: string;\n  /** Message preview text. */\n  previewText?: string;\n  /** Timestamp label. */\n  timestamp?: string;\n  /** Number of replies. */\n  replyCount?: number;\n  /** Stacked avatars for recent participants. Pass `[]` to hide. When omitted, uses demo participants. */\n  participants?: UserAvatarGroupItem[];\n  /** Optional thread title. */\n  threadTitle?: string;\n  /** Optional CSS class name. */\n  className?: string;\n  /** Click handler. */\n  onClick?: () => void;\n  /** Thread overflow menu handler. */\n  onMenuClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n}\n\n/**\n * The Thread List Item is a single entry in the Threads view. Each row gives the user enough\n * context — who, where, what, when — to decide whether to open the thread without opening\n * it.\n */\nexport default function ThreadListItem({\n  active = false,\n  badge = 'none',\n  mentionCount = 1,\n  authorName = 'Martin Kraft',\n  channelLabel = 'ENTERPRISE TEAM',\n  previewText = 'Do we have a guideline for what minimum width we should support in the system console? I know that…',\n  timestamp = '5 mins ago',\n  replyCount = 3,\n  participants: participantsProp,\n  threadTitle,\n  className = '',\n  onClick,\n  onMenuClick,\n}: ThreadListItemProps) {\n  const participants =\n    participantsProp === undefined ? DEFAULT_PARTICIPANTS : participantsProp;\n  const showParticipants = participants.length > 0;\n  const showGutterBadge =\n    !active && (badge === 'unread' || badge === 'mention');\n  const replyLabel = replyCount === 1 ? '1 reply' : `${replyCount} replies`;\n\n  const rootClass = [\n    styles['thread-list-item'],\n    active ? styles['thread-list-item--active'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      if (!onClick) return;\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault();\n        onClick();\n      }\n    },\n    [onClick],\n  );\n\n  return (\n    <div\n      className={rootClass}\n      onClick={onClick}\n      role={onClick ? 'button' : undefined}\n      tabIndex={onClick ? 0 : undefined}\n      onKeyDown={onClick ? handleKeyDown : undefined}\n    >\n      <div className={styles['thread-list-item__thread']}>\n        <div className={styles['thread-list-item__container']}>\n          <div className={styles['thread-list-item__post-content']}>\n            <div className={styles['thread-list-item__gutter']}>\n              {showGutterBadge && badge === 'unread' && (\n                <UnreadBadge\n                  className={styles['thread-list-item__unread-badge']}\n                  context=\"icon-button\"\n                />\n              )}\n              {showGutterBadge && badge === 'mention' && (\n                <span className={styles['thread-list-item__mention-gutter']}>\n                  <MentionBadge\n                    count={mentionCount}\n                    location=\"channel\"\n                    size=\"medium\"\n                  />\n                </span>\n              )}\n            </div>\n            <div className={styles['thread-list-item__post-body']}>\n              <div className={styles['thread-list-item__post-body-content']}>\n                <div className={styles['thread-list-item__name-row']}>\n                  <div className={styles['thread-list-item__name-group']}>\n                    <span className={styles['thread-list-item__author']}>\n                      {authorName}\n                    </span>\n                    <Tag\n                      casing=\"all-caps\"\n                      label={channelLabel}\n                    />\n                  </div>\n                  <span className={styles['thread-list-item__timestamp']}>\n                    {timestamp}\n                  </span>\n                </div>\n                {threadTitle != null && (\n                  <div className={styles['thread-list-item__title-row']}>\n                    <p className={styles['thread-list-item__title']}>\n                      {threadTitle}\n                    </p>\n                  </div>\n                )}\n                <p className={styles['thread-list-item__preview']}>\n                  {previewText}\n                </p>\n              </div>\n            </div>\n          </div>\n          <div className={styles['thread-list-item__replies']}>\n            <div className={styles['thread-list-item__replies-inner']}>\n              {showParticipants && (\n                <UserAvatarGroup\n                  avatars={participants}\n                  className={styles['thread-list-item__avatar-group']}\n                  max={3}\n                  size=\"20\"\n                />\n              )}\n              <span className={styles['thread-list-item__reply-count']}>\n                {replyLabel}\n              </span>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div className={styles['thread-list-item__actions']}>\n        <span className={styles['thread-list-item__menu-button']}>\n          <IconButton\n            aria-label=\"Thread actions\"\n            icon={<Icon size=\"16\" glyph={<DotsHorizontalIcon />} />}\n            padding=\"compact\"\n            size=\"small\"\n            style=\"default\"\n            type=\"button\"\n            onClick={(e) => {\n              e.stopPropagation();\n              onMenuClick?.(e);\n            }}\n          />\n        </span>\n      </div>\n    </div>\n  );\n}\n"],"names":["DEFAULT_PARTICIPANTS","ThreadListItem","active","badge","mentionCount","authorName","channelLabel","previewText","timestamp","replyCount","participantsProp","threadTitle","className","onClick","onMenuClick","participants","showParticipants","showGutterBadge","replyLabel","rootClass","styles","handleKeyDown","useCallback","event","jsxs","jsx","UnreadBadge","MentionBadge","Tag","UserAvatarGroup","IconButton","Icon","DotsHorizontalIcon","e"],"mappings":"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"}

package/dist/components/thread-list-item/ThreadListItem.module.css

@@ -0,0 +1 @@
+._thread-list-item_1fxzs_2{position:relative;display:flex;flex-direction:column;align-items:flex-end;background-color:var(--center-channel-bg);border-bottom:1px solid rgba(var(--center-channel-color-rgb),.08);cursor:default}._thread-list-item_1fxzs_2[role=button]{cursor:pointer}._thread-list-item_1fxzs_2:hover,._thread-list-item_1fxzs_2:focus-within{background-color:rgba(var(--center-channel-color-rgb),.08)}._thread-list-item_1fxzs_2:hover ._thread-list-item__menu-button_1fxzs_17,._thread-list-item_1fxzs_2:focus-within ._thread-list-item__menu-button_1fxzs_17{display:flex}._thread-list-item_1fxzs_2:hover ._thread-list-item__timestamp_1fxzs_20,._thread-list-item_1fxzs_2:focus-within ._thread-list-item__timestamp_1fxzs_20{display:none}._thread-list-item_1fxzs_2:focus-visible{outline:none;box-shadow:inset 0 0 0 2px rgba(var(--center-channel-color-rgb),.32)}._thread-list-item--active_1fxzs_27{background-color:rgba(var(--button-bg-rgb),.04)}._thread-list-item--active_1fxzs_27:hover{background-color:rgba(var(--button-bg-rgb),.08)}._thread-list-item__thread_1fxzs_33{display:flex;flex-direction:column;align-items:flex-start;padding:var(--spacing-l);width:100%}._thread-list-item__container_1fxzs_40{display:flex;flex-direction:column;gap:var(--spacing-s);align-items:flex-start;border-radius:var(--radius-s);width:100%}._thread-list-item__post-content_1fxzs_48{display:flex;gap:var(--spacing-xxxxs, 4px);align-items:flex-start;width:100%}._thread-list-item__gutter_1fxzs_54{position:relative;flex-shrink:0;width:8px;min-height:21px;display:flex;align-items:flex-start;justify-content:flex-start}._thread-list-item__unread-badge_1fxzs_63{position:absolute;top:var(--spacing-xxs);left:-4px}._thread-list-item__mention-gutter_1fxzs_68{position:absolute;top:1px;left:-12px;display:flex;align-items:center;justify-content:center}._thread-list-item__post-body_1fxzs_76{display:flex;flex-direction:column;flex:1 0 0;align-items:flex-start;min-width:0}._thread-list-item__post-body-content_1fxzs_83{display:flex;flex-direction:column;gap:var(--spacing-xxxxs, 4px);align-items:flex-start;width:100%}._thread-list-item__name-row_1fxzs_90{position:relative;height:20px;width:100%;display:flex;align-items:center;justify-content:space-between;overflow:hidden}._thread-list-item__name-group_1fxzs_99{display:flex;gap:var(--spacing-xs);align-items:center;overflow:hidden}._thread-list-item__author_1fxzs_105{font-size:var(--font-size-100);font-weight:var(--font-weight-semibold);line-height:var(--line-height-100);color:var(--center-channel-color);white-space:nowrap;flex-shrink:0}._thread-list-item__timestamp_1fxzs_20{font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-25);color:rgba(var(--center-channel-color-rgb),.64);white-space:nowrap;flex-shrink:0}._thread-list-item__title-row_1fxzs_121{display:flex;align-items:center;width:100%}._thread-list-item__title_1fxzs_121{flex:1 0 0;font-size:var(--font-size-200);font-weight:var(--font-weight-semibold);line-height:var(--line-height-200);color:var(--center-channel-color);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}._thread-list-item__preview_1fxzs_137{font-size:var(--font-size-100);font-weight:var(--font-weight-regular);line-height:var(--line-height-100);color:var(--center-channel-color);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%}._thread-list-item__replies_1fxzs_148{display:flex;flex-direction:column;align-items:flex-start;padding-left:var(--spacing-m)}._thread-list-item__replies-inner_1fxzs_154{display:flex;align-items:center;gap:var(--spacing-xxxxs, 4px);min-height:24px;border-radius:var(--radius-s)}._thread-list-item__avatar-group_1fxzs_161{flex-shrink:0}._thread-list-item__reply-count_1fxzs_164{font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-25);color:rgba(var(--center-channel-color-rgb),.64);padding:4.5px var(--spacing-s)}._thread-list-item__actions_1fxzs_171{position:absolute;top:var(--spacing-m);right:var(--spacing-m);z-index:1;pointer-events:none}._thread-list-item__actions_1fxzs_171 ._thread-list-item__menu-button_1fxzs_17{pointer-events:auto}._thread-list-item__menu-button_1fxzs_17{display:none;align-items:center;justify-content:center}

package/dist/components/thread-list-item/ThreadListItem.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ThreadListItem.module.css');const t={"thread-list-item":"_thread-list-item_1fxzs_2","thread-list-item__menu-button":"_thread-list-item__menu-button_1fxzs_17","thread-list-item__timestamp":"_thread-list-item__timestamp_1fxzs_20","thread-list-item--active":"_thread-list-item--active_1fxzs_27","thread-list-item__thread":"_thread-list-item__thread_1fxzs_33","thread-list-item__container":"_thread-list-item__container_1fxzs_40","thread-list-item__post-content":"_thread-list-item__post-content_1fxzs_48","thread-list-item__gutter":"_thread-list-item__gutter_1fxzs_54","thread-list-item__unread-badge":"_thread-list-item__unread-badge_1fxzs_63","thread-list-item__mention-gutter":"_thread-list-item__mention-gutter_1fxzs_68","thread-list-item__post-body":"_thread-list-item__post-body_1fxzs_76","thread-list-item__post-body-content":"_thread-list-item__post-body-content_1fxzs_83","thread-list-item__name-row":"_thread-list-item__name-row_1fxzs_90","thread-list-item__name-group":"_thread-list-item__name-group_1fxzs_99","thread-list-item__author":"_thread-list-item__author_1fxzs_105","thread-list-item__title-row":"_thread-list-item__title-row_1fxzs_121","thread-list-item__title":"_thread-list-item__title_1fxzs_121","thread-list-item__preview":"_thread-list-item__preview_1fxzs_137","thread-list-item__replies":"_thread-list-item__replies_1fxzs_148","thread-list-item__replies-inner":"_thread-list-item__replies-inner_1fxzs_154","thread-list-item__avatar-group":"_thread-list-item__avatar-group_1fxzs_161","thread-list-item__reply-count":"_thread-list-item__reply-count_1fxzs_164","thread-list-item__actions":"_thread-list-item__actions_1fxzs_171"};exports.default=t;
+//# sourceMappingURL=ThreadListItem.module.scss.cjs.map

package/dist/components/thread-list-item/ThreadListItem.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadListItem.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/thread-list-item/ThreadListItem.module.scss.js

@@ -0,0 +1,29 @@
+import './ThreadListItem.module.css';const t = {
+  "thread-list-item": "_thread-list-item_1fxzs_2",
+  "thread-list-item__menu-button": "_thread-list-item__menu-button_1fxzs_17",
+  "thread-list-item__timestamp": "_thread-list-item__timestamp_1fxzs_20",
+  "thread-list-item--active": "_thread-list-item--active_1fxzs_27",
+  "thread-list-item__thread": "_thread-list-item__thread_1fxzs_33",
+  "thread-list-item__container": "_thread-list-item__container_1fxzs_40",
+  "thread-list-item__post-content": "_thread-list-item__post-content_1fxzs_48",
+  "thread-list-item__gutter": "_thread-list-item__gutter_1fxzs_54",
+  "thread-list-item__unread-badge": "_thread-list-item__unread-badge_1fxzs_63",
+  "thread-list-item__mention-gutter": "_thread-list-item__mention-gutter_1fxzs_68",
+  "thread-list-item__post-body": "_thread-list-item__post-body_1fxzs_76",
+  "thread-list-item__post-body-content": "_thread-list-item__post-body-content_1fxzs_83",
+  "thread-list-item__name-row": "_thread-list-item__name-row_1fxzs_90",
+  "thread-list-item__name-group": "_thread-list-item__name-group_1fxzs_99",
+  "thread-list-item__author": "_thread-list-item__author_1fxzs_105",
+  "thread-list-item__title-row": "_thread-list-item__title-row_1fxzs_121",
+  "thread-list-item__title": "_thread-list-item__title_1fxzs_121",
+  "thread-list-item__preview": "_thread-list-item__preview_1fxzs_137",
+  "thread-list-item__replies": "_thread-list-item__replies_1fxzs_148",
+  "thread-list-item__replies-inner": "_thread-list-item__replies-inner_1fxzs_154",
+  "thread-list-item__avatar-group": "_thread-list-item__avatar-group_1fxzs_161",
+  "thread-list-item__reply-count": "_thread-list-item__reply-count_1fxzs_164",
+  "thread-list-item__actions": "_thread-list-item__actions_1fxzs_171"
+};
+export {
+  t as default
+};
+//# sourceMappingURL=ThreadListItem.module.scss.js.map

package/dist/components/thread-list-item/ThreadListItem.module.scss.js.map

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

package/dist/components/thread-list-item/index.cjs

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

package/dist/components/thread-list-item/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/thread-list-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/thread-list-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC"}

package/dist/components/thread-list-item/index.js

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

package/dist/components/thread-list-item/index.js.map

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

package/dist/components/toast/Toast.cjs

@@ -0,0 +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;
+//# sourceMappingURL=Toast.cjs.map

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

@@ -0,0 +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"}

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

@@ -0,0 +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"}

package/dist/components/toast/Toast.js

@@ -0,0 +1,58 @@
+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, {})
+};
+function A({
+  className: l = "",
+  message: c,
+  type: s = "general",
+  actionLabel: e,
+  onAction: m,
+  onDismiss: a
+}) {
+  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,
+        {
+          appearance: "default",
+          emphasis: "tertiary",
+          size: "x-small",
+          className: t["toast__action-btn--on-dark"],
+          onClick: m,
+          children: e
+        }
+      )
+    ] }),
+    a != null && /* @__PURE__ */ o(
+      I,
+      {
+        "aria-label": "Dismiss",
+        size: "small",
+        className: t.toast__dismiss,
+        icon: /* @__PURE__ */ o(i, { glyph: /* @__PURE__ */ o(_, {}), size: "16" }),
+        onClick: a
+      }
+    )
+  ] });
+}
+export {
+  A as default
+};
+//# sourceMappingURL=Toast.js.map

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

@@ -0,0 +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;"}

package/dist/components/toast/Toast.module.css

@@ -0,0 +1 @@
+._toast_izrfd_2{display:inline-flex;gap:var(--spacing-xxs);align-items:center;width:fit-content;max-width:440px;padding:var(--spacing-xxxs);background-color:var(--neutral-900);border-radius:var(--radius-s);box-shadow:var(--elevation-2)}._toast__content_izrfd_13{display:flex;align-items:center;gap:var(--spacing-xs);height:32px;padding-left:var(--spacing-xs);min-width:0}._toast__icon_izrfd_21{display:inline-flex;align-items:center;flex-shrink:0;color:var(--neutral-0)}._toast__message_izrfd_27{flex:0 1 auto;min-width:0;font-size:var(--font-size-100);font-weight:var(--font-weight-semibold);line-height:var(--line-height-100);color:var(--neutral-0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._toast__action-btn--on-dark_izrfd_38{flex-shrink:0;background-color:color-mix(in srgb,var(--neutral-0) 8%,transparent)!important;color:var(--neutral-0)!important;border-color:transparent!important}._toast__action-btn--on-dark_izrfd_38:hover:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 12%,transparent)!important;color:var(--neutral-0)!important}._toast__action-btn--on-dark_izrfd_38:active:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 16%,transparent)!important;color:var(--neutral-0)!important}._toast__action-btn--on-dark_izrfd_38:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--neutral-0) 56%,transparent)!important}._toast__action-btn--on-dark_izrfd_38:disabled{color:color-mix(in srgb,var(--neutral-0) 40%,transparent)!important;background-color:color-mix(in srgb,var(--neutral-0) 6%,transparent)!important}._toast__dismiss_izrfd_59{flex-shrink:0;color:color-mix(in srgb,var(--neutral-0) 92%,transparent)!important}._toast__dismiss_izrfd_59:hover:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 12%,transparent)!important;color:var(--neutral-0)!important}._toast__dismiss_izrfd_59:active:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 20%,transparent)!important;color:var(--neutral-0)!important}._toast__dismiss_izrfd_59:focus-visible{outline:none!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--neutral-0) 56%,transparent)!important}._toast--type-info_izrfd_75{background-color:rgb(var(--semantic-color-info))}._toast--type-success_izrfd_78{background-color:rgb(var(--semantic-color-success))}._toast--type-danger_izrfd_81{background-color:rgb(var(--semantic-color-danger))}._toast--type-warning_izrfd_84{background-color:rgb(var(--semantic-color-warning))}

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

@@ -0,0 +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;
+//# sourceMappingURL=Toast.module.scss.cjs.map

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

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

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

@@ -0,0 +1,21 @@
+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 = {
+  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"
+};
+export {
+  n as default,
+  t as toast,
+  _ as toast__content,
+  a as toast__dismiss,
+  s as toast__icon,
+  o as toast__message
+};
+//# sourceMappingURL=Toast.module.scss.js.map

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

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

package/dist/components/toast/index.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/toast/index.js

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

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

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

package/dist/components/tooltip/Tooltip.cjs

@@ -0,0 +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;
+//# sourceMappingURL=Tooltip.cjs.map

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

@@ -0,0 +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"}

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

@@ -0,0 +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"}

package/dist/components/tooltip/Tooltip.js

@@ -0,0 +1,35 @@
+import { jsxs as a, jsx as l } from "react/jsx-runtime";
+import { ShortcutTagGroup as m } 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 = ""
+}) {
+  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,
+        {
+          labels: t.map((d) => d.label),
+          location: "tooltips",
+          size: "small"
+        }
+      ) }),
+      i && /* @__PURE__ */ l("span", { className: o.tooltip__hint, children: i })
+    ] }),
+    /* @__PURE__ */ l("div", { className: o.tooltip__arrow, "aria-hidden": !0 })
+  ] });
+}
+export {
+  u as default
+};
+//# sourceMappingURL=Tooltip.js.map

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

@@ -0,0 +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;"}

package/dist/components/tooltip/Tooltip.module.css

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

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

@@ -0,0 +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;
+//# sourceMappingURL=Tooltip.module.scss.cjs.map

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

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

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

@@ -0,0 +1,26 @@
+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 = {
+  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"
+};
+export {
+  g as default,
+  t as tooltip,
+  n as tooltip__arrow,
+  o as tooltip__container,
+  _ as tooltip__content,
+  r as tooltip__hint,
+  i as tooltip__icon,
+  l as tooltip__label,
+  p as tooltip__shortcuts
+};
+//# sourceMappingURL=Tooltip.module.scss.js.map

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

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

package/dist/components/tooltip/index.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +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"}

package/dist/components/tooltip/index.js

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

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

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

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

@@ -0,0 +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;
+//# sourceMappingURL=TourPoint.cjs.map

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

@@ -0,0 +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"}

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

@@ -0,0 +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"}