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

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

@@ -0,0 +1,138 @@
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import __b from "@mattermost/compass-icons/components/dots-horizontal.js";const b=__b&&__b.default?__b.default:__b;
+import x from "../icon/Icon.js";
+import B from "../icon-button/IconButton.js";
+import D from "../tag/Tag.js";
+import E from "../mention-badge/MentionBadge.js";
+import j from "../unread-badge/UnreadBadge.js";
+import z from "../user-avatar-group/UserAvatarGroup.js";
+import e from "./ThreadListItem.module.scss.js";
+const M = [
+  { 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 q({
+  active: l = !1,
+  badge: r = "none",
+  mentionCount: d = 1,
+  authorName: N = "Martin Kraft",
+  channelLabel: v = "ENTERPRISE TEAM",
+  previewText: f = "Do we have a guideline for what minimum width we should support in the system console? I know that…",
+  timestamp: y = "5 mins ago",
+  replyCount: o = 3,
+  participants: m,
+  threadTitle: c,
+  className: g = "",
+  onClick: a,
+  onMenuClick: h
+}) {
+  const _ = m === void 0 ? M : m, w = _.length > 0, p = !l && (r === "unread" || r === "mention"), A = o === 1 ? "1 reply" : `${o} replies`, I = [
+    e["thread-list-item"],
+    l ? e["thread-list-item--active"] : "",
+    g
+  ].filter(Boolean).join(" "), u = r === "mention" ? `${d} mention${d === 1 ? "" : "s"}` : r === "unread" ? "unread" : void 0, T = (i) => {
+    const n = window.getSelection();
+    (n == null ? void 0 : n.type) === "Range" && n.toString().length > 0 && i.currentTarget.contains(n.getRangeAt(0).commonAncestorContainer) || a == null || a();
+  }, R = (i) => {
+    i.key !== "Enter" && i.key !== " " || (i.preventDefault(), a == null || a());
+  };
+  return /* @__PURE__ */ s("div", { className: I, children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: e["thread-list-item__main"],
+        role: a ? "button" : void 0,
+        tabIndex: a ? 0 : void 0,
+        onClick: a ? T : void 0,
+        onKeyDown: a ? R : void 0,
+        "aria-current": l ? !0 : void 0,
+        children: /* @__PURE__ */ t("div", { className: e["thread-list-item__thread"], children: /* @__PURE__ */ s("div", { className: e["thread-list-item__container"], children: [
+          /* @__PURE__ */ s("div", { className: e["thread-list-item__post-content"], children: [
+            /* @__PURE__ */ s("div", { className: e["thread-list-item__gutter"], children: [
+              p && r === "unread" && /* @__PURE__ */ t(
+                "span",
+                {
+                  className: e["thread-list-item__unread-gutter"],
+                  "aria-hidden": !0,
+                  children: /* @__PURE__ */ t(
+                    j,
+                    {
+                      className: e["thread-list-item__unread-badge"],
+                      context: "icon-button"
+                    }
+                  )
+                }
+              ),
+              p && r === "mention" && /* @__PURE__ */ t(
+                "span",
+                {
+                  className: e["thread-list-item__mention-gutter"],
+                  "aria-hidden": !0,
+                  children: /* @__PURE__ */ t(
+                    E,
+                    {
+                      count: d,
+                      location: "channel",
+                      size: "medium"
+                    }
+                  )
+                }
+              )
+            ] }),
+            /* @__PURE__ */ t("div", { className: e["thread-list-item__post-body"], children: /* @__PURE__ */ s("div", { className: e["thread-list-item__post-body-content"], children: [
+              /* @__PURE__ */ s("div", { className: e["thread-list-item__name-row"], children: [
+                /* @__PURE__ */ s("div", { className: e["thread-list-item__name-group"], children: [
+                  /* @__PURE__ */ t("span", { className: e["thread-list-item__author"], children: N }),
+                  /* @__PURE__ */ t(D, { casing: "all-caps", label: v }),
+                  u && /* @__PURE__ */ t(
+                    "span",
+                    {
+                      className: e["thread-list-item__status-hint"],
+                      children: u
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ t("span", { className: e["thread-list-item__timestamp"], children: y })
+              ] }),
+              c != null && /* @__PURE__ */ t("div", { className: e["thread-list-item__title-row"], children: /* @__PURE__ */ t("p", { className: e["thread-list-item__title"], children: c }) }),
+              /* @__PURE__ */ t("p", { className: e["thread-list-item__preview"], children: f })
+            ] }) })
+          ] }),
+          /* @__PURE__ */ t("div", { className: e["thread-list-item__replies"], children: /* @__PURE__ */ s("div", { className: e["thread-list-item__replies-inner"], children: [
+            w && /* @__PURE__ */ t(
+              z,
+              {
+                avatars: _,
+                className: e["thread-list-item__avatar-group"],
+                max: 3,
+                size: "20"
+              }
+            ),
+            /* @__PURE__ */ t("span", { className: e["thread-list-item__reply-count"], children: A })
+          ] }) })
+        ] }) })
+      }
+    ),
+    h && /* @__PURE__ */ t("div", { className: e["thread-list-item__actions"], children: /* @__PURE__ */ t("span", { className: e["thread-list-item__menu-button"], children: /* @__PURE__ */ t(
+      B,
+      {
+        "aria-label": "Thread actions",
+        icon: /* @__PURE__ */ t(x, { size: "16", glyph: /* @__PURE__ */ t(b, {}) }),
+        padding: "compact",
+        size: "small",
+        style: "default",
+        type: "button",
+        onClick: (i) => {
+          i.stopPropagation(), h(i);
+        }
+      }
+    ) }) })
+  ] });
+}
+export {
+  q 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, MouseEvent } 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  /** Opens the thread. Sibling of the overflow menu for keyboard reachability. */\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 statusHint =\n    badge === 'mention'\n      ? `${mentionCount} mention${mentionCount === 1 ? '' : 's'}`\n      : badge === 'unread'\n        ? 'unread'\n        : undefined;\n\n  const handleMainClick = (event: MouseEvent<HTMLDivElement>) => {\n    const selection = window.getSelection();\n    if (\n      selection?.type === 'Range' &&\n      selection.toString().length > 0 &&\n      event.currentTarget.contains(selection.getRangeAt(0).commonAncestorContainer)\n    ) {\n      return;\n    }\n    onClick?.();\n  };\n\n  const handleMainKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (event.key !== 'Enter' && event.key !== ' ') {\n      return;\n    }\n    event.preventDefault();\n    onClick?.();\n  };\n\n  return (\n    <div className={rootClass}>\n      <div\n        className={styles['thread-list-item__main']}\n        role={onClick ? 'button' : undefined}\n        tabIndex={onClick ? 0 : undefined}\n        onClick={onClick ? handleMainClick : undefined}\n        onKeyDown={onClick ? handleMainKeyDown : undefined}\n        aria-current={active ? true : 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                  <span\n                    className={styles['thread-list-item__unread-gutter']}\n                    aria-hidden\n                  >\n                    <UnreadBadge\n                      className={styles['thread-list-item__unread-badge']}\n                      context=\"icon-button\"\n                    />\n                  </span>\n                )}\n                {showGutterBadge && badge === 'mention' && (\n                  <span\n                    className={styles['thread-list-item__mention-gutter']}\n                    aria-hidden\n                  >\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 casing=\"all-caps\" label={channelLabel} />\n                      {statusHint && (\n                        <span\n                          className={styles['thread-list-item__status-hint']}\n                        >\n                          {statusHint}\n                        </span>\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>\n      {onMenuClick && (\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={(event) => {\n                event.stopPropagation();\n                onMenuClick(event);\n              }}\n            />\n          </span>\n        </div>\n      )}\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","statusHint","handleMainClick","event","selection","handleMainKeyDown","jsxs","jsx","UnreadBadge","MentionBadge","Tag","UserAvatarGroup","IconButton","Icon","DotsHorizontalIcon"],"mappings":"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"}

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.css');const t={"thread-list-item":"_thread-list-item_5rzhy_2","thread-list-item__actions":"_thread-list-item__actions_5rzhy_10","thread-list-item__timestamp":"_thread-list-item__timestamp_5rzhy_16","thread-list-item__menu-button":"_thread-list-item__menu-button_5rzhy_19","thread-list-item--active":"_thread-list-item--active_5rzhy_33","thread-list-item__main":"_thread-list-item__main_5rzhy_36","thread-list-item__thread":"_thread-list-item__thread_5rzhy_62","thread-list-item__container":"_thread-list-item__container_5rzhy_69","thread-list-item__post-content":"_thread-list-item__post-content_5rzhy_77","thread-list-item__gutter":"_thread-list-item__gutter_5rzhy_83","thread-list-item__unread-gutter":"_thread-list-item__unread-gutter_5rzhy_92","thread-list-item__unread-badge":"_thread-list-item__unread-badge_5rzhy_100","thread-list-item__mention-gutter":"_thread-list-item__mention-gutter_5rzhy_103","thread-list-item__post-body":"_thread-list-item__post-body_5rzhy_111","thread-list-item__post-body-content":"_thread-list-item__post-body-content_5rzhy_118","thread-list-item__name-row":"_thread-list-item__name-row_5rzhy_125","thread-list-item__name-group":"_thread-list-item__name-group_5rzhy_134","thread-list-item__author":"_thread-list-item__author_5rzhy_140","thread-list-item__status-hint":"_thread-list-item__status-hint_5rzhy_148","thread-list-item__title-row":"_thread-list-item__title-row_5rzhy_167","thread-list-item__title":"_thread-list-item__title_5rzhy_167","thread-list-item__preview":"_thread-list-item__preview_5rzhy_183","thread-list-item__replies":"_thread-list-item__replies_5rzhy_194","thread-list-item__replies-inner":"_thread-list-item__replies-inner_5rzhy_200","thread-list-item__avatar-group":"_thread-list-item__avatar-group_5rzhy_207","thread-list-item__reply-count":"_thread-list-item__reply-count_5rzhy_210"};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,32 @@
+import './ThreadListItem.css';const t = {
+  "thread-list-item": "_thread-list-item_5rzhy_2",
+  "thread-list-item__actions": "_thread-list-item__actions_5rzhy_10",
+  "thread-list-item__timestamp": "_thread-list-item__timestamp_5rzhy_16",
+  "thread-list-item__menu-button": "_thread-list-item__menu-button_5rzhy_19",
+  "thread-list-item--active": "_thread-list-item--active_5rzhy_33",
+  "thread-list-item__main": "_thread-list-item__main_5rzhy_36",
+  "thread-list-item__thread": "_thread-list-item__thread_5rzhy_62",
+  "thread-list-item__container": "_thread-list-item__container_5rzhy_69",
+  "thread-list-item__post-content": "_thread-list-item__post-content_5rzhy_77",
+  "thread-list-item__gutter": "_thread-list-item__gutter_5rzhy_83",
+  "thread-list-item__unread-gutter": "_thread-list-item__unread-gutter_5rzhy_92",
+  "thread-list-item__unread-badge": "_thread-list-item__unread-badge_5rzhy_100",
+  "thread-list-item__mention-gutter": "_thread-list-item__mention-gutter_5rzhy_103",
+  "thread-list-item__post-body": "_thread-list-item__post-body_5rzhy_111",
+  "thread-list-item__post-body-content": "_thread-list-item__post-body-content_5rzhy_118",
+  "thread-list-item__name-row": "_thread-list-item__name-row_5rzhy_125",
+  "thread-list-item__name-group": "_thread-list-item__name-group_5rzhy_134",
+  "thread-list-item__author": "_thread-list-item__author_5rzhy_140",
+  "thread-list-item__status-hint": "_thread-list-item__status-hint_5rzhy_148",
+  "thread-list-item__title-row": "_thread-list-item__title-row_5rzhy_167",
+  "thread-list-item__title": "_thread-list-item__title_5rzhy_167",
+  "thread-list-item__preview": "_thread-list-item__preview_5rzhy_183",
+  "thread-list-item__replies": "_thread-list-item__replies_5rzhy_194",
+  "thread-list-item__replies-inner": "_thread-list-item__replies-inner_5rzhy_200",
+  "thread-list-item__avatar-group": "_thread-list-item__avatar-group_5rzhy_207",
+  "thread-list-item__reply-count": "_thread-list-item__reply-count_5rzhy_210"
+};
+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

@@ -0,0 +1,4 @@
+export { default as ThreadListItem } from './ThreadListItem';
+export type { ThreadListItemProps } from './ThreadListItem';
+export type { UserAvatarGroupItem } from '../user-avatar-group/UserAvatarGroup';
+//# sourceMappingURL=index.d.ts.map

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"),__o=require("@mattermost/compass-icons/components/alert-circle-outline.js"),o=__o?.default??__o,__x=require("@mattermost/compass-icons/components/alert-outline.js"),x=__x?.default??__x,__m=require("@mattermost/compass-icons/components/check.js"),m=__m?.default??__m,___=require("@mattermost/compass-icons/components/close.js"),_=___?.default??___,__h=require("@mattermost/compass-icons/components/information-outline.js"),h=__h?.default??__h,C=require("../button/Button.cjs"),a=require("../icon/Icon.cjs"),p=require("../icon-button/IconButton.cjs"),s=require("./Toast.module.scss.cjs"),q={general:e.jsx(o,{}),info:e.jsx(h,{}),success:e.jsx(m,{}),danger:e.jsx(x,{}),warning:e.jsx(o,{})};function I({className:r="",message:i,type:l="general",icon:c,actionLabel:n,onAction:u,onDismiss:t}){const d=s.default[`toast--type-${l.toLowerCase()}`],f=t==null?s.default["toast--no-dismiss"]:"",j=[s.default.toast,d,f,r].filter(Boolean).join(" ");return e.jsxs("div",{className:j,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(a.IconSlotContext.Provider,{value:{size:"16"},children:c??e.jsx(a.default,{glyph:q[l]})})}),e.jsx("span",{className:s.default.toast__message,children:i}),n!=null&&e.jsx(C.default,{appearance:"default",emphasis:"tertiary",size:"x-small",className:s.default["toast__action-btn--on-dark"],onClick:u,children:n})]}),t!=null&&e.jsx(p.default,{"aria-label":"Dismiss",size:"small",className:s.default.toast__dismiss,icon:e.jsx(a.default,{glyph:e.jsx(_,{}),size:"16"}),onClick:t})]})}exports.default=I;
+//# 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 { IconSlotContext } 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  /** Optional icon override — pass `<Icon glyph={<SomeIcon />} />`; replaces the default type icon. Toast provides the correct size via context. */\n  icon?: ReactNode;\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  icon,\n  actionLabel,\n  onAction,\n  onDismiss,\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 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          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","icon","actionLabel","onAction","onDismiss","typeClass","styles","noDismissClass","rootClass","jsxs","jsx","IconSlotContext","Icon","Button","IconButton","CloseIcon"],"mappings":"6lBA8BMA,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,CACF,EAAe,CACb,MAAMC,EAAYC,EAAAA,QAAO,eAAeN,EAAK,YAAA,CAAa,EAAE,EACtDO,EAAiBH,GAAa,KAAOE,EAAAA,QAAO,mBAAmB,EAAI,GACnEE,EAAY,CAACF,UAAO,MAAOD,EAAWE,EAAgBT,CAAS,EAClE,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,cACG,MAAA,CAAI,UAAWU,EAAW,KAAK,SAAS,YAAU,SACjD,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,SAAAV,GAAQS,EAAAA,IAACE,EAAAA,QAAA,CAAK,MAAOpB,EAAWQ,CAAI,CAAA,CAAG,CAAA,CAC1C,CAAA,CACF,QACC,OAAA,CAAK,UAAWM,EAAAA,QAAO,eAAoB,SAAAP,EAAQ,EACnDG,GAAe,MACdQ,EAAAA,IAACG,EAAAA,QAAA,CACC,WAAW,UACX,SAAS,WACT,KAAK,UACL,UAAWP,EAAAA,QAAO,4BAA4B,EAC9C,QAASH,EAER,SAAAD,CAAA,CAAA,CACH,EAEJ,EACCE,GAAa,MACZM,EAAAA,IAACI,EAAAA,QAAA,CACC,aAAW,UACX,KAAK,QACL,UAAWR,EAAAA,QAAO,eAClB,WAAOM,UAAA,CAAK,YAAQG,EAAA,EAAU,EAAI,KAAK,KAAK,EAC5C,QAASX,CAAA,CAAA,CACX,EAEJ,CAEJ"}

package/dist/components/toast/Toast.css

@@ -0,0 +1 @@
+._toast_1x4xn_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_1x4xn_13{display:flex;align-items:center;gap:var(--spacing-xs);height:32px;padding-left:var(--spacing-xs);min-width:0}._toast__icon_1x4xn_21{display:inline-flex;align-items:center;flex-shrink:0;color:var(--neutral-0)}._toast__message_1x4xn_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_1x4xn_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_1x4xn_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_1x4xn_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_1x4xn_38:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--neutral-0) 56%,transparent)!important}._toast__action-btn--on-dark_1x4xn_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_1x4xn_59{flex-shrink:0;color:color-mix(in srgb,var(--neutral-0) 64%,transparent)!important}._toast__dismiss_1x4xn_59:hover:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 12%,transparent)!important;color:var(--neutral-0)!important}._toast__dismiss_1x4xn_59:active:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 20%,transparent)!important;color:var(--neutral-0)!important}._toast__dismiss_1x4xn_59: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_1x4xn_76{background-color:rgb(var(--semantic-color-info))}._toast--type-success_1x4xn_79{background-color:rgb(var(--semantic-color-success))}._toast--type-danger_1x4xn_82{background-color:rgb(var(--semantic-color-danger))}._toast--type-warning_1x4xn_85{background-color:rgb(var(--semantic-color-warning))}._toast--no-dismiss_1x4xn_88 ._toast__content_1x4xn_13{padding-right:var(--spacing-xs)}

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

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+export type ToastType = 'general' | 'info' | 'success' | 'warning' | 'danger';
+export interface ToastProps {
+    className?: string;
+    message: string;
+    type?: ToastType;
+    /** Optional icon override — pass `<Icon glyph={<SomeIcon />} />`; replaces the default type icon. Toast provides the correct size via context. */
+    icon?: ReactNode;
+    actionLabel?: string;
+    onAction?: () => void;
+    onDismiss?: () => void;
+}
+/**
+ * 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, icon, actionLabel, onAction, onDismiss, }: ToastProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Toast.d.ts.map

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":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAYvC,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,kJAAkJ;IAClJ,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,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE,UAAU,2CAuCZ"}

package/dist/components/toast/Toast.js

@@ -0,0 +1,59 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import __r from "@mattermost/compass-icons/components/alert-circle-outline.js";const r=__r&&__r.default?__r.default:__r;
+import __h from "@mattermost/compass-icons/components/alert-outline.js";const h=__h&&__h.default?__h.default:__h;
+import __C from "@mattermost/compass-icons/components/check.js";const C=__C&&__C.default?__C.default:__C;
+import ___ from "@mattermost/compass-icons/components/close.js";const _=___&&___.default?___.default:___;
+import __I from "@mattermost/compass-icons/components/information-outline.js";const I=__I&&__I.default?__I.default:__I;
+import g from "../button/Button.js";
+import i, { IconSlotContext as N } from "../icon/Icon.js";
+import v from "../icon-button/IconButton.js";
+import t from "./Toast.module.scss.js";
+const x = {
+  general: /* @__PURE__ */ o(r, {}),
+  info: /* @__PURE__ */ o(I, {}),
+  success: /* @__PURE__ */ o(C, {}),
+  danger: /* @__PURE__ */ o(h, {}),
+  warning: /* @__PURE__ */ o(r, {})
+};
+function T({
+  className: l = "",
+  message: c,
+  type: e = "general",
+  icon: m,
+  actionLabel: a,
+  onAction: p,
+  onDismiss: s
+}) {
+  const d = t[`toast--type-${e.toLowerCase()}`], f = s == null ? t["toast--no-dismiss"] : "", u = [t.toast, d, f, l].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { className: u, role: "status", "aria-live": "polite", children: [
+    /* @__PURE__ */ n("div", { className: t.toast__content, children: [
+      /* @__PURE__ */ o("span", { className: t.toast__icon, "aria-hidden": !0, children: /* @__PURE__ */ o(N.Provider, { value: { size: "16" }, children: m ?? /* @__PURE__ */ o(i, { glyph: x[e] }) }) }),
+      /* @__PURE__ */ o("span", { className: t.toast__message, children: c }),
+      a != null && /* @__PURE__ */ o(
+        g,
+        {
+          appearance: "default",
+          emphasis: "tertiary",
+          size: "x-small",
+          className: t["toast__action-btn--on-dark"],
+          onClick: p,
+          children: a
+        }
+      )
+    ] }),
+    s != null && /* @__PURE__ */ o(
+      v,
+      {
+        "aria-label": "Dismiss",
+        size: "small",
+        className: t.toast__dismiss,
+        icon: /* @__PURE__ */ o(i, { glyph: /* @__PURE__ */ o(_, {}), size: "16" }),
+        onClick: s
+      }
+    )
+  ] });
+}
+export {
+  T 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 { IconSlotContext } 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  /** Optional icon override — pass `<Icon glyph={<SomeIcon />} />`; replaces the default type icon. Toast provides the correct size via context. */\n  icon?: ReactNode;\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  icon,\n  actionLabel,\n  onAction,\n  onDismiss,\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 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          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","icon","actionLabel","onAction","onDismiss","typeClass","styles","noDismissClass","rootClass","jsxs","jsx","IconSlotContext","Icon","Button","IconButton","CloseIcon"],"mappings":";;;;;;;;;;AA8BA,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;AACF,GAAe;AACb,QAAMC,IAAYC,EAAO,eAAeN,EAAK,YAAA,CAAa,EAAE,GACtDO,IAAiBH,KAAa,OAAOE,EAAO,mBAAmB,IAAI,IACnEE,IAAY,CAACF,EAAO,OAAOD,GAAWE,GAAgBT,CAAS,EAClE,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,2BACG,OAAA,EAAI,WAAWU,GAAW,MAAK,UAAS,aAAU,UACjD,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,UAAAV,KAAQ,gBAAAS,EAACE,GAAA,EAAK,OAAOpB,EAAWQ,CAAI,EAAA,CAAG,EAAA,CAC1C,EAAA,CACF;AAAA,wBACC,QAAA,EAAK,WAAWM,EAAO,gBAAoB,UAAAP,GAAQ;AAAA,MACnDG,KAAe,QACd,gBAAAQ;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,YAAW;AAAA,UACX,UAAS;AAAA,UACT,MAAK;AAAA,UACL,WAAWP,EAAO,4BAA4B;AAAA,UAC9C,SAASH;AAAA,UAER,UAAAD;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,GAEJ;AAAA,IACCE,KAAa,QACZ,gBAAAM;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,MAAK;AAAA,QACL,WAAWR,EAAO;AAAA,QAClB,wBAAOM,GAAA,EAAK,yBAAQG,GAAA,EAAU,GAAI,MAAK,MAAK;AAAA,QAC5C,SAASX;AAAA,MAAA;AAAA,IAAA;AAAA,EACX,GAEJ;AAEJ;"}

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.css');const t="_toast_1x4xn_2",s="_toast__content_1x4xn_13",_="_toast__icon_1x4xn_21",o="_toast__message_1x4xn_27",a="_toast__dismiss_1x4xn_59",n={toast:t,toast__content:s,toast__icon:_,toast__message:o,"toast__action-btn--on-dark":"_toast__action-btn--on-dark_1x4xn_38",toast__dismiss:a,"toast--type-info":"_toast--type-info_1x4xn_76","toast--type-success":"_toast--type-success_1x4xn_79","toast--type-danger":"_toast--type-danger_1x4xn_82","toast--type-warning":"_toast--type-warning_1x4xn_85","toast--no-dismiss":"_toast--no-dismiss_1x4xn_88"};exports.default=n;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,22 @@
+import './Toast.css';const t = "_toast_1x4xn_2", s = "_toast__content_1x4xn_13", _ = "_toast__icon_1x4xn_21", o = "_toast__message_1x4xn_27", n = "_toast__dismiss_1x4xn_59", a = {
+  toast: t,
+  toast__content: s,
+  toast__icon: _,
+  toast__message: o,
+  "toast__action-btn--on-dark": "_toast__action-btn--on-dark_1x4xn_38",
+  toast__dismiss: n,
+  "toast--type-info": "_toast--type-info_1x4xn_76",
+  "toast--type-success": "_toast--type-success_1x4xn_79",
+  "toast--type-danger": "_toast--type-danger_1x4xn_82",
+  "toast--type-warning": "_toast--type-warning_1x4xn_85",
+  "toast--no-dismiss": "_toast--no-dismiss_1x4xn_88"
+};
+export {
+  a as default,
+  t as toast,
+  s as toast__content,
+  n as toast__dismiss,
+  _ 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 e=require("react/jsx-runtime"),u=require("../icon/Icon.cjs"),p=require("../shortcut-tag/ShortcutTag.cjs"),t=require("./Tooltip.module.scss.cjs");function _({label:s,arrow:i="right",hint:o,shortcutKeys:l,icon:a,className:r=""}){const n=t.default[`tooltip--arrow-${i.toLowerCase()}`]??"",d=[t.default.tooltip,n,r].filter(Boolean).join(" ");return e.jsxs("div",{className:d,children:[e.jsxs("div",{className:t.default.tooltip__container,children:[e.jsxs("div",{className:t.default.tooltip__content,children:[a!=null&&e.jsx("span",{className:t.default.tooltip__icon,"aria-hidden":!0,children:e.jsx(u.IconSlotContext.Provider,{value:{size:"16"},children:a})}),e.jsx("span",{className:t.default.tooltip__label,children:s})]}),l&&l.length>0&&e.jsx("div",{className:t.default.tooltip__shortcuts,children:e.jsx(p.ShortcutTagGroup,{labels:l.map(c=>c.label),location:"tooltips",size:"small"})}),o&&e.jsx("span",{className:t.default.tooltip__hint,children:o})]}),e.jsx("div",{className:t.default.tooltip__arrow,"aria-hidden":!0})]})}exports.default=_;
+//# 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 { IconSlotContext } from '@/components/icon/Icon';\nimport { ShortcutTagGroup } from '@/components/shortcut-tag/ShortcutTag';\nimport styles from './Tooltip.module.scss';\n\nexport type TooltipArrow = 'top' | 'right' | 'bottom' | 'left';\n\nexport interface TooltipShortcutKey {\n  label: string;\n}\n\nexport interface TooltipProps {\n  /** Tooltip label text. */\n  label: string;\n  /** Arrow direction. Default: Right. */\n  arrow?: TooltipArrow;\n  /** Optional hint text shown below label. */\n  hint?: string;\n  /** Optional keyboard shortcut keys shown below label. */\n  shortcutKeys?: TooltipShortcutKey[];\n  /** Optional leading icon — pass `<Icon glyph={<SomeIcon />} />`; Tooltip provides the correct size via context. */\n  icon?: ReactNode;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\n/**\n * Tooltips surface short, supporting text on hover. Reach for a tooltip when the affordance\n * behind it isn't fully self-explanatory — an Icon Button, a truncated label, a keyboard\n * shortcut. Don't reach for one when the label is already on screen.\n */\nexport default function Tooltip({\n  label,\n  arrow = 'right',\n  hint,\n  shortcutKeys,\n  icon,\n  className = '',\n}: TooltipProps) {\n  const arrowClass = styles[`tooltip--arrow-${arrow.toLowerCase()}`] ?? '';\n\n  const rootClass = [styles.tooltip, arrowClass, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass}>\n      <div className={styles['tooltip__container']}>\n        <div className={styles['tooltip__content']}>\n          {icon != null && (\n            <span className={styles['tooltip__icon']} aria-hidden>\n              <IconSlotContext.Provider value={{ size: '16' }}>\n                {icon}\n              </IconSlotContext.Provider>\n            </span>\n          )}\n          <span className={styles['tooltip__label']}>{label}</span>\n        </div>\n\n        {shortcutKeys && shortcutKeys.length > 0 && (\n          <div className={styles['tooltip__shortcuts']}>\n            <ShortcutTagGroup\n              labels={shortcutKeys.map((key) => key.label)}\n              location=\"tooltips\"\n              size=\"small\"\n            />\n          </div>\n        )}\n\n        {hint && <span className={styles['tooltip__hint']}>{hint}</span>}\n      </div>\n\n      <div className={styles['tooltip__arrow']} aria-hidden />\n    </div>\n  );\n}\n"],"names":["Tooltip","label","arrow","hint","shortcutKeys","icon","className","arrowClass","styles","rootClass","jsxs","jsx","IconSlotContext","ShortcutTagGroup","key"],"mappings":"kQA+BA,SAAwBA,EAAQ,CAC9B,MAAAC,EACA,MAAAC,EAAQ,QACR,KAAAC,EACA,aAAAC,EACA,KAAAC,EACA,UAAAC,EAAY,EACd,EAAiB,CACf,MAAMC,EAAaC,EAAAA,QAAO,kBAAkBN,EAAM,YAAA,CAAa,EAAE,GAAK,GAEhEO,EAAY,CAACD,UAAO,QAASD,EAAYD,CAAS,EACrD,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEI,EAAAA,KAAC,MAAA,CAAI,UAAWD,EACd,SAAA,CAAAC,EAAAA,KAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,mBACrB,SAAA,CAAAE,EAAAA,KAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,iBACpB,SAAA,CAAAH,GAAQ,MACPM,EAAAA,IAAC,OAAA,CAAK,UAAWH,EAAAA,QAAO,cAAkB,cAAW,GACnD,eAACI,kBAAgB,SAAhB,CAAyB,MAAO,CAAE,KAAM,IAAA,EACtC,WACH,EACF,QAED,OAAA,CAAK,UAAWJ,EAAAA,QAAO,eAAoB,SAAAP,CAAA,CAAM,CAAA,EACpD,EAECG,GAAgBA,EAAa,OAAS,SACpC,MAAA,CAAI,UAAWI,EAAAA,QAAO,mBACrB,SAAAG,EAAAA,IAACE,EAAAA,iBAAA,CACC,OAAQT,EAAa,IAAKU,GAAQA,EAAI,KAAK,EAC3C,SAAS,WACT,KAAK,OAAA,CAAA,EAET,EAGDX,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.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.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+export type TooltipArrow = 'top' | 'right' | 'bottom' | 'left';
+export interface TooltipShortcutKey {
+    label: string;
+}
+export interface TooltipProps {
+    /** Tooltip label text. */
+    label: string;
+    /** Arrow direction. Default: Right. */
+    arrow?: TooltipArrow;
+    /** Optional hint text shown below label. */
+    hint?: string;
+    /** Optional keyboard shortcut keys shown below label. */
+    shortcutKeys?: TooltipShortcutKey[];
+    /** Optional leading icon — pass `<Icon glyph={<SomeIcon />} />`; Tooltip provides the correct size via context. */
+    icon?: ReactNode;
+    /** Optional CSS class name. */
+    className?: string;
+}
+/**
+ * Tooltips surface short, supporting text on hover. Reach for a tooltip when the affordance
+ * 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;
+//# sourceMappingURL=Tooltip.d.ts.map

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;AAKvC,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE/D,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YAAY;IAC3B,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,mHAAmH;IACnH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,KAAK,EACL,KAAe,EACf,IAAI,EACJ,YAAY,EACZ,IAAI,EACJ,SAAc,GACf,EAAE,YAAY,2CAqCd"}

package/dist/components/tooltip/Tooltip.js

@@ -0,0 +1,36 @@
+import { jsxs as a, jsx as l } from "react/jsx-runtime";
+import { IconSlotContext as m } from "../icon/Icon.js";
+import { ShortcutTagGroup as _ } from "../shortcut-tag/ShortcutTag.js";
+import o from "./Tooltip.module.scss.js";
+function v({
+  label: r,
+  arrow: s = "right",
+  hint: i,
+  shortcutKeys: t,
+  icon: e,
+  className: n = ""
+}) {
+  const c = o[`tooltip--arrow-${s.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: [
+        e != null && /* @__PURE__ */ l("span", { className: o.tooltip__icon, "aria-hidden": !0, children: /* @__PURE__ */ l(m.Provider, { value: { size: "16" }, children: e }) }),
+        /* @__PURE__ */ l("span", { className: o.tooltip__label, children: r })
+      ] }),
+      t && t.length > 0 && /* @__PURE__ */ l("div", { className: o.tooltip__shortcuts, children: /* @__PURE__ */ l(
+        _,
+        {
+          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 {
+  v 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 { IconSlotContext } from '@/components/icon/Icon';\nimport { ShortcutTagGroup } from '@/components/shortcut-tag/ShortcutTag';\nimport styles from './Tooltip.module.scss';\n\nexport type TooltipArrow = 'top' | 'right' | 'bottom' | 'left';\n\nexport interface TooltipShortcutKey {\n  label: string;\n}\n\nexport interface TooltipProps {\n  /** Tooltip label text. */\n  label: string;\n  /** Arrow direction. Default: Right. */\n  arrow?: TooltipArrow;\n  /** Optional hint text shown below label. */\n  hint?: string;\n  /** Optional keyboard shortcut keys shown below label. */\n  shortcutKeys?: TooltipShortcutKey[];\n  /** Optional leading icon — pass `<Icon glyph={<SomeIcon />} />`; Tooltip provides the correct size via context. */\n  icon?: ReactNode;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\n/**\n * Tooltips surface short, supporting text on hover. Reach for a tooltip when the affordance\n * behind it isn't fully self-explanatory — an Icon Button, a truncated label, a keyboard\n * shortcut. Don't reach for one when the label is already on screen.\n */\nexport default function Tooltip({\n  label,\n  arrow = 'right',\n  hint,\n  shortcutKeys,\n  icon,\n  className = '',\n}: TooltipProps) {\n  const arrowClass = styles[`tooltip--arrow-${arrow.toLowerCase()}`] ?? '';\n\n  const rootClass = [styles.tooltip, arrowClass, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass}>\n      <div className={styles['tooltip__container']}>\n        <div className={styles['tooltip__content']}>\n          {icon != null && (\n            <span className={styles['tooltip__icon']} aria-hidden>\n              <IconSlotContext.Provider value={{ size: '16' }}>\n                {icon}\n              </IconSlotContext.Provider>\n            </span>\n          )}\n          <span className={styles['tooltip__label']}>{label}</span>\n        </div>\n\n        {shortcutKeys && shortcutKeys.length > 0 && (\n          <div className={styles['tooltip__shortcuts']}>\n            <ShortcutTagGroup\n              labels={shortcutKeys.map((key) => key.label)}\n              location=\"tooltips\"\n              size=\"small\"\n            />\n          </div>\n        )}\n\n        {hint && <span className={styles['tooltip__hint']}>{hint}</span>}\n      </div>\n\n      <div className={styles['tooltip__arrow']} aria-hidden />\n    </div>\n  );\n}\n"],"names":["Tooltip","label","arrow","hint","shortcutKeys","icon","className","arrowClass","styles","rootClass","jsxs","jsx","IconSlotContext","ShortcutTagGroup","key"],"mappings":";;;;AA+BA,SAAwBA,EAAQ;AAAA,EAC9B,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAAiB;AACf,QAAMC,IAAaC,EAAO,kBAAkBN,EAAM,YAAA,CAAa,EAAE,KAAK,IAEhEO,IAAY,CAACD,EAAO,SAASD,GAAYD,CAAS,EACrD,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAI,EAAC,OAAA,EAAI,WAAWD,GACd,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWF,EAAO,oBACrB,UAAA;AAAA,MAAA,gBAAAE,EAAC,OAAA,EAAI,WAAWF,EAAO,kBACpB,UAAA;AAAA,QAAAH,KAAQ,QACP,gBAAAM,EAAC,QAAA,EAAK,WAAWH,EAAO,eAAkB,eAAW,IACnD,4BAACI,EAAgB,UAAhB,EAAyB,OAAO,EAAE,MAAM,KAAA,GACtC,aACH,GACF;AAAA,0BAED,QAAA,EAAK,WAAWJ,EAAO,gBAAoB,UAAAP,EAAA,CAAM;AAAA,MAAA,GACpD;AAAA,MAECG,KAAgBA,EAAa,SAAS,uBACpC,OAAA,EAAI,WAAWI,EAAO,oBACrB,UAAA,gBAAAG;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,QAAQT,EAAa,IAAI,CAACU,MAAQA,EAAI,KAAK;AAAA,UAC3C,UAAS;AAAA,UACT,MAAK;AAAA,QAAA;AAAA,MAAA,GAET;AAAA,MAGDX,KAAQ,gBAAAQ,EAAC,QAAA,EAAK,WAAWH,EAAO,eAAmB,UAAAL,EAAA,CAAK;AAAA,IAAA,GAC3D;AAAA,sBAEC,OAAA,EAAI,WAAWK,EAAO,gBAAmB,eAAW,GAAA,CAAC;AAAA,EAAA,GACxD;AAEJ;"}

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.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.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