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

package/dist/components/message-actions/MessageActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageActions.js","sources":["../../../src/components/message-actions/MessageActions.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport Emoji from '@/components/emoji/Emoji';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Icon from '@/components/icon/Icon';\nimport EmoticonPlusOutlineIcon from '@mattermost/compass-icons/components/emoticon-plus-outline';\nimport DotsHorizontalIcon from '@mattermost/compass-icons/components/dots-horizontal';\nimport BookmarkOutlineIcon from '@mattermost/compass-icons/components/bookmark-outline';\nimport CreationOutlineIcon from '@mattermost/compass-icons/components/creation-outline';\nimport AppsIcon from '@mattermost/compass-icons/components/apps';\nimport ReplyOutlineIcon from '@mattermost/compass-icons/components/reply-outline';\nimport styles from './MessageActions.module.scss';\n\nexport type MessageActionsType = 'center-channel' | 'rhs' | 'search-results';\n\nexport interface MessageActionsProps extends HTMLAttributes<HTMLDivElement> {\n  /** Context variant. Default: Center Channel. */\n  type?: MessageActionsType;\n  /** Whether the hover toolbar is visible. Default: true. */\n  visible?: boolean;\n  /** Whether collapsed reply threads feature is on. Default: true. */\n  collapsedReplyThreads?: boolean;\n  /** Whether quick reactions are shown. Default: true. */\n  quickReactions?: boolean;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\n/**\n * Message Actions is the floating toolbar that appears on a message when you hover, tab, or\n * long-press it. It bundles the most common per-message actions — react, save, reply, more —\n * into a small, context-aware row that hovers above the post.\n */\nexport default function MessageActions({\n  type = 'center-channel',\n  visible = true,\n  collapsedReplyThreads = true,\n  quickReactions = true,\n  className = '',\n  ...rest\n}: MessageActionsProps) {\n  if (!visible) return null;\n\n  const isCenterChannel = type === 'center-channel';\n  const isRHS = type === 'rhs';\n  const isSearchResults = type === 'search-results';\n  const showQuickReactions = quickReactions && collapsedReplyThreads;\n\n  const rootClass = [styles['message-actions'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div\n      className={rootClass}\n      role=\"toolbar\"\n      aria-label=\"Message actions\"\n      {...rest}\n    >\n      {/* Quick reaction emojis — center channel + RHS */}\n      {showQuickReactions && !isSearchResults && (\n        <>\n          <IconButton\n            aria-label=\"React with thumbs up\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Emoji emoji=\"👍\" size=\"16\" />}\n          />\n          {isCenterChannel && (\n            <>\n              <IconButton\n                aria-label=\"React with raised hands\"\n                size=\"small\"\n                padding=\"compact\"\n                icon={<Emoji emoji=\"🙌\" size=\"16\" />}\n              />\n              <IconButton\n                aria-label=\"React with OK hand\"\n                size=\"small\"\n                padding=\"compact\"\n                icon={<Emoji emoji=\"👌\" size=\"16\" />}\n              />\n            </>\n          )}\n          <IconButton\n            aria-label=\"Add reaction\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<EmoticonPlusOutlineIcon />} />}\n          />\n        </>\n      )}\n\n      {/* Search results only: more button first */}\n      {isSearchResults && (\n        <IconButton\n          aria-label=\"More actions\"\n          size=\"small\"\n          padding=\"compact\"\n          icon={<Icon size=\"16\" glyph={<DotsHorizontalIcon />} />}\n        />\n      )}\n\n      {/* Center channel actions */}\n      {isCenterChannel && (\n        <>\n          <IconButton\n            aria-label=\"Save message\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<BookmarkOutlineIcon />} />}\n          />\n          <IconButton\n            aria-label=\"AI actions\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<CreationOutlineIcon />} />}\n          />\n          <IconButton\n            aria-label=\"Plugin actions\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<AppsIcon />} />}\n          />\n          <IconButton\n            aria-label=\"Reply in thread\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<ReplyOutlineIcon />} />}\n          />\n          <IconButton\n            aria-label=\"More actions\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<DotsHorizontalIcon />} />}\n          />\n        </>\n      )}\n\n      {/* RHS actions */}\n      {isRHS && (\n        <IconButton\n          aria-label=\"More actions\"\n          size=\"small\"\n          padding=\"compact\"\n          icon={<Icon size=\"16\" glyph={<DotsHorizontalIcon />} />}\n        />\n      )}\n\n      {/* Search results additional buttons */}\n      {isSearchResults && (\n        <>\n          <IconButton\n            aria-label=\"Save message\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<BookmarkOutlineIcon />} />}\n          />\n          <IconButton\n            aria-label=\"Reply in thread\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<ReplyOutlineIcon />} />}\n          />\n          <button\n            type=\"button\"\n            className={styles['message-actions__jump']}\n            aria-label=\"Jump to message\"\n          >\n            Jump\n          </button>\n        </>\n      )}\n    </div>\n  );\n}\n"],"names":["MessageActions","type","visible","collapsedReplyThreads","quickReactions","className","rest","isCenterChannel","isRHS","isSearchResults","showQuickReactions","rootClass","styles","jsxs","Fragment","jsx","IconButton","Emoji","Icon","EmoticonPlusOutlineIcon","DotsHorizontalIcon","BookmarkOutlineIcon","CreationOutlineIcon","AppsIcon","ReplyOutlineIcon"],"mappings":"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"}

package/dist/components/message-actions/MessageActions.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./MessageActions.css');const e={"message-actions":"_message-actions_1ie92_2","message-actions__jump":"_message-actions__jump_1ie92_12"};exports.default=e;
+//# sourceMappingURL=MessageActions.module.scss.cjs.map

package/dist/components/message-actions/MessageActions.module.scss.cjs.map

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

package/dist/components/message-actions/MessageActions.module.scss.js

@@ -0,0 +1,8 @@
+import './MessageActions.css';const s = {
+  "message-actions": "_message-actions_1ie92_2",
+  "message-actions__jump": "_message-actions__jump_1ie92_12"
+};
+export {
+  s as default
+};
+//# sourceMappingURL=MessageActions.module.scss.js.map

package/dist/components/message-actions/MessageActions.module.scss.js.map

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

package/dist/components/message-actions/index.cjs

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

package/dist/components/message-actions/index.cjs.map

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

package/dist/components/message-actions/index.d.ts

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

package/dist/components/message-actions/index.d.ts.map

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

package/dist/components/message-actions/index.js

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

package/dist/components/message-actions/index.js.map

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

package/dist/components/message-header/MessageHeader.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("../tag/Tag.cjs"),s=require("./MessageHeader.module.scss.cjs");function d({username:a,timestamp:r,isBot:t=!1,botLabel:l="Bot"}){return e.jsxs("div",{className:s.default["message-header"],children:[e.jsx("span",{className:s.default["message-header__username"],children:a}),t&&e.jsx(u.default,{label:l}),e.jsx("span",{className:s.default["message-header__timestamp"],children:r})]})}exports.default=d;
+//# sourceMappingURL=MessageHeader.cjs.map

package/dist/components/message-header/MessageHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageHeader.cjs","sources":["../../../src/components/message-header/MessageHeader.tsx"],"sourcesContent":["import Tag from '@/components/tag/Tag';\nimport styles from './MessageHeader.module.scss';\n\ntype MessageHeaderProps = {\n  username: string;\n  timestamp: string;\n  isBot?: boolean;\n  botLabel?: string;\n};\n\n/**\n * The Message Header sits above every message body — username, optional bot or guest tag,\n * and timestamp. It's the byline of the conversation, so the rules are tight: same parts,\n * same order, every time.\n */\nexport default function MessageHeader({\n  username,\n  timestamp,\n  isBot = false,\n  botLabel = 'Bot',\n}: MessageHeaderProps) {\n  return (\n    <div className={styles['message-header']}>\n      <span className={styles['message-header__username']}>{username}</span>\n      {isBot && <Tag label={botLabel} />}\n      <span className={styles['message-header__timestamp']}>{timestamp}</span>\n    </div>\n  );\n}\n"],"names":["MessageHeader","username","timestamp","isBot","botLabel","jsxs","styles","jsx","Tag"],"mappings":"0NAeA,SAAwBA,EAAc,CACpC,SAAAC,EACA,UAAAC,EACA,MAAAC,EAAQ,GACR,SAAAC,EAAW,KACb,EAAuB,CACrB,OACEC,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,gBAAgB,EACrC,SAAA,CAAAC,MAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,0BAA0B,EAAI,SAAAL,EAAS,EAC9DE,GAASI,EAAAA,IAACC,EAAAA,QAAA,CAAI,MAAOJ,CAAA,CAAU,QAC/B,OAAA,CAAK,UAAWE,EAAAA,QAAO,2BAA2B,EAAI,SAAAJ,CAAA,CAAU,CAAA,EACnE,CAEJ"}

package/dist/components/message-header/MessageHeader.css

@@ -0,0 +1 @@
+._message-header_1u3ox_2{display:flex;align-items:center;gap:var(--spacing-xxs)}._message-header_1u3ox_2>*{align-self:center}._message-header__username_1u3ox_10{font-family:var(--font-family-body);font-size:var(--font-size-100);font-weight:var(--font-weight-semibold);line-height:var(--line-height-100);color:var(--center-channel-color);white-space:nowrap}._message-header__timestamp_1u3ox_18{font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.56);white-space:nowrap}

package/dist/components/message-header/MessageHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/message-header/MessageHeader.tsx"],"names":[],"mappings":"AAGA,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,QAAQ,EACR,SAAS,EACT,KAAa,EACb,QAAgB,GACjB,EAAE,kBAAkB,2CAQpB"}

package/dist/components/message-header/MessageHeader.js

@@ -0,0 +1,19 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import d from "../tag/Tag.js";
+import s from "./MessageHeader.module.scss.js";
+function c({
+  username: a,
+  timestamp: r,
+  isBot: m = !1,
+  botLabel: l = "Bot"
+}) {
+  return /* @__PURE__ */ t("div", { className: s["message-header"], children: [
+    /* @__PURE__ */ e("span", { className: s["message-header__username"], children: a }),
+    m && /* @__PURE__ */ e(d, { label: l }),
+    /* @__PURE__ */ e("span", { className: s["message-header__timestamp"], children: r })
+  ] });
+}
+export {
+  c as default
+};
+//# sourceMappingURL=MessageHeader.js.map

package/dist/components/message-header/MessageHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageHeader.js","sources":["../../../src/components/message-header/MessageHeader.tsx"],"sourcesContent":["import Tag from '@/components/tag/Tag';\nimport styles from './MessageHeader.module.scss';\n\ntype MessageHeaderProps = {\n  username: string;\n  timestamp: string;\n  isBot?: boolean;\n  botLabel?: string;\n};\n\n/**\n * The Message Header sits above every message body — username, optional bot or guest tag,\n * and timestamp. It's the byline of the conversation, so the rules are tight: same parts,\n * same order, every time.\n */\nexport default function MessageHeader({\n  username,\n  timestamp,\n  isBot = false,\n  botLabel = 'Bot',\n}: MessageHeaderProps) {\n  return (\n    <div className={styles['message-header']}>\n      <span className={styles['message-header__username']}>{username}</span>\n      {isBot && <Tag label={botLabel} />}\n      <span className={styles['message-header__timestamp']}>{timestamp}</span>\n    </div>\n  );\n}\n"],"names":["MessageHeader","username","timestamp","isBot","botLabel","jsxs","styles","jsx","Tag"],"mappings":";;;AAeA,SAAwBA,EAAc;AAAA,EACpC,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AACb,GAAuB;AACrB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,gBAAgB,GACrC,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWD,EAAO,0BAA0B,GAAI,UAAAL,GAAS;AAAA,IAC9DE,KAAS,gBAAAI,EAACC,GAAA,EAAI,OAAOJ,EAAA,CAAU;AAAA,sBAC/B,QAAA,EAAK,WAAWE,EAAO,2BAA2B,GAAI,UAAAJ,EAAA,CAAU;AAAA,EAAA,GACnE;AAEJ;"}

package/dist/components/message-header/MessageHeader.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./MessageHeader.css');const e={"message-header":"_message-header_1u3ox_2","message-header__username":"_message-header__username_1u3ox_10","message-header__timestamp":"_message-header__timestamp_1u3ox_18"};exports.default=e;
+//# sourceMappingURL=MessageHeader.module.scss.cjs.map

package/dist/components/message-header/MessageHeader.module.scss.cjs.map

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

package/dist/components/message-header/MessageHeader.module.scss.js

@@ -0,0 +1,9 @@
+import './MessageHeader.css';const e = {
+  "message-header": "_message-header_1u3ox_2",
+  "message-header__username": "_message-header__username_1u3ox_10",
+  "message-header__timestamp": "_message-header__timestamp_1u3ox_18"
+};
+export {
+  e as default
+};
+//# sourceMappingURL=MessageHeader.module.scss.js.map

package/dist/components/message-header/MessageHeader.module.scss.js.map

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

package/dist/components/message-header/index.cjs

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

package/dist/components/message-header/index.cjs.map

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

package/dist/components/message-header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/message-header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,mBAAmB,iBAAiB,CAAC"}

package/dist/components/message-header/index.js

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

package/dist/components/message-header/index.js.map

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

package/dist/components/message-separator/MessageSeparator.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),m=require("../icon/Icon.cjs"),__c=require("@mattermost/compass-icons/components/creation-outline.js"),c=__c?.default??__c,a=require("./MessageSeparator.module.scss.cjs"),g={date:"Today","new-messages":"New messages","reply-count":"4 replies"};function p({type:s="date",label:t,showAiSummary:l=!1,onSummarize:i,className:n="",...d}){const o=t??g[s],u=[a.default["message-separator"],a.default[`message-separator--${s==="new-messages"?"new":s==="reply-count"?"reply":"date"}`],n].filter(Boolean).join(" "),r=e.jsxs("div",{className:a.default["message-separator__label"],children:[e.jsx("span",{className:a.default["message-separator__text"],children:o}),s==="new-messages"&&l&&e.jsxs("button",{type:"button",className:a.default["message-separator__summarize"],onClick:i,"aria-label":"Summarize new messages with AI",children:[e.jsx("span",{className:a.default["message-separator__summarize-icon"],"aria-hidden":!0,children:e.jsx(m.default,{size:"12",glyph:e.jsx(c,{})})}),"Summarize"]})]});return e.jsx("div",{className:u,role:"separator",...d,children:s==="reply-count"?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:a.default["message-separator__reply-gutter"],"aria-hidden":!0,children:e.jsx("div",{className:a.default["message-separator__reply-line-start"]})}),r,e.jsx("div",{className:a.default["message-separator__line"],"aria-hidden":!0})]}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:a.default["message-separator__line"],"aria-hidden":!0}),r,e.jsx("div",{className:a.default["message-separator__line"],"aria-hidden":!0})]})})}exports.default=p;
+//# sourceMappingURL=MessageSeparator.cjs.map

package/dist/components/message-separator/MessageSeparator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageSeparator.cjs","sources":["../../../src/components/message-separator/MessageSeparator.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport Icon from '@/components/icon/Icon';\nimport CreationOutlineIcon from '@mattermost/compass-icons/components/creation-outline';\nimport styles from './MessageSeparator.module.scss';\n\nexport type MessageSeparatorType = 'date' | 'new-messages' | 'reply-count';\n\nexport interface MessageSeparatorProps extends HTMLAttributes<HTMLDivElement> {\n  /** Separator variant. Default: Date. */\n  type?: MessageSeparatorType;\n  /** Label text. Defaults: 'Today' / 'New messages' / '4 replies'. */\n  label?: string;\n  /** Show AI summarize button (New Messages type only). Default: false. */\n  showAiSummary?: boolean;\n  /** Called when Summarize button is clicked. */\n  onSummarize?: () => void;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\nconst DEFAULT_LABELS: Record<MessageSeparatorType, string> = {\n  date: 'Today',\n  'new-messages': 'New messages',\n  'reply-count': '4 replies',\n};\n\n/**\n * Message Separators sit between messages in the stream to group them — by day, by reply\n * count, or to mark the boundary between read and unread. They help readers orient\n * themselves when scrolling back through history or returning to a busy channel.\n */\nexport default function MessageSeparator({\n  type = 'date',\n  label,\n  showAiSummary = false,\n  onSummarize,\n  className = '',\n  ...rest\n}: MessageSeparatorProps) {\n  const displayLabel = label ?? DEFAULT_LABELS[type];\n\n  const rootClass = [\n    styles['message-separator'],\n    styles[\n      `message-separator--${type === 'new-messages' ? 'new' : type === 'reply-count' ? 'reply' : 'date'}`\n    ],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const labelBlock = (\n    <div className={styles['message-separator__label']}>\n      <span className={styles['message-separator__text']}>{displayLabel}</span>\n\n      {type === 'new-messages' && showAiSummary && (\n        <button\n          type=\"button\"\n          className={styles['message-separator__summarize']}\n          onClick={onSummarize}\n          aria-label=\"Summarize new messages with AI\"\n        >\n          <span\n            className={styles['message-separator__summarize-icon']}\n            aria-hidden\n          >\n            <Icon size=\"12\" glyph={<CreationOutlineIcon />} />\n          </span>\n          Summarize\n        </button>\n      )}\n    </div>\n  );\n\n  return (\n    <div className={rootClass} role=\"separator\" {...rest}>\n      {type === 'reply-count' ? (\n        <>\n          <div\n            className={styles['message-separator__reply-gutter']}\n            aria-hidden\n          >\n            <div className={styles['message-separator__reply-line-start']} />\n          </div>\n          {labelBlock}\n          <div className={styles['message-separator__line']} aria-hidden />\n        </>\n      ) : (\n        <>\n          <div className={styles['message-separator__line']} aria-hidden />\n          {labelBlock}\n          <div className={styles['message-separator__line']} aria-hidden />\n        </>\n      )}\n    </div>\n  );\n}\n"],"names":["DEFAULT_LABELS","MessageSeparator","type","label","showAiSummary","onSummarize","className","rest","displayLabel","rootClass","styles","labelBlock","jsxs","jsx","Icon","CreationOutlineIcon","Fragment"],"mappings":"kSAoBMA,EAAuD,CAC3D,KAAM,QACN,eAAgB,eAChB,cAAe,WACjB,EAOA,SAAwBC,EAAiB,CACvC,KAAAC,EAAO,OACP,MAAAC,EACA,cAAAC,EAAgB,GAChB,YAAAC,EACA,UAAAC,EAAY,GACZ,GAAGC,CACL,EAA0B,CACxB,MAAMC,EAAeL,GAASH,EAAeE,CAAI,EAE3CO,EAAY,CAChBC,EAAAA,QAAO,mBAAmB,EAC1BA,EAAAA,QACE,sBAAsBR,IAAS,eAAiB,MAAQA,IAAS,cAAgB,QAAU,MAAM,EACnG,EACAI,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAELK,EACJC,EAAAA,KAAC,MAAA,CAAI,UAAWF,UAAO,0BAA0B,EAC/C,SAAA,CAAAG,MAAC,OAAA,CAAK,UAAWH,EAAAA,QAAO,yBAAyB,EAAI,SAAAF,EAAa,EAEjEN,IAAS,gBAAkBE,GAC1BQ,EAAAA,KAAC,SAAA,CACC,KAAK,SACL,UAAWF,EAAAA,QAAO,8BAA8B,EAChD,QAASL,EACT,aAAW,iCAEX,SAAA,CAAAQ,EAAAA,IAAC,OAAA,CACC,UAAWH,EAAAA,QAAO,mCAAmC,EACrD,cAAW,GAEX,eAACI,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOD,EAAAA,IAACE,IAAoB,CAAA,CAAI,CAAA,CAAA,EAC3C,WAAA,CAAA,CAAA,CAET,EAEJ,EAGF,OACEF,EAAAA,IAAC,MAAA,CAAI,UAAWJ,EAAW,KAAK,YAAa,GAAGF,EAC7C,SAAAL,IAAS,cACRU,EAAAA,KAAAI,EAAAA,SAAA,CACE,SAAA,CAAAH,EAAAA,IAAC,MAAA,CACC,UAAWH,EAAAA,QAAO,iCAAiC,EACnD,cAAW,GAEX,SAAAG,EAAAA,IAAC,MAAA,CAAI,UAAWH,EAAAA,QAAO,qCAAqC,CAAA,CAAG,CAAA,CAAA,EAEhEC,QACA,MAAA,CAAI,UAAWD,EAAAA,QAAO,yBAAyB,EAAG,cAAW,EAAA,CAAC,CAAA,CAAA,CACjE,EAEAE,EAAAA,KAAAI,EAAAA,SAAA,CACE,SAAA,CAAAH,MAAC,OAAI,UAAWH,EAAAA,QAAO,yBAAyB,EAAG,cAAW,GAAC,EAC9DC,QACA,MAAA,CAAI,UAAWD,EAAAA,QAAO,yBAAyB,EAAG,cAAW,EAAA,CAAC,CAAA,CAAA,CACjE,CAAA,CAEJ,CAEJ"}

package/dist/components/message-separator/MessageSeparator.css

@@ -0,0 +1 @@
+@charset "UTF-8";._message-separator_143l5_3{display:flex;align-items:center;gap:var(--spacing-m);padding:var(--spacing-xxxs) 0;width:100%}._message-separator__line_143l5_10{flex:1 0 0;min-width:4px;height:1px;background-color:rgba(var(--center-channel-color-rgb),.12)}._message-separator__label_143l5_16{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}._message-separator__text_143l5_22{font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75);color:var(--center-channel-color);white-space:nowrap}._message-separator__summarize_143l5_30{display:inline-flex;align-items:center;gap:var(--spacing-xxxs);padding:var(--spacing-xxxxs) var(--spacing-s);border:none;border-radius:var(--radius-s);background-color:rgba(var(--color-warning-rgb),.08);color:var(--new-message-separator, var(--color-warning));font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75);cursor:pointer;white-space:nowrap;transition:background-color var(--duration-quick) var(--ease-transition)}._message-separator__summarize_143l5_30:hover{background-color:rgba(var(--color-warning-rgb),.14)}._message-separator__summarize_143l5_30:focus-visible{outline:2px solid var(--new-message-separator, var(--color-warning));outline-offset:1px}._message-separator__summarize-icon_143l5_54{display:inline-flex;align-items:center;flex-shrink:0}._message-separator__reply-gutter_143l5_62{display:flex;flex-shrink:0;align-items:center;width:var(--icon-size-32)}._message-separator__reply-line-start_143l5_68{width:100%;height:1px;background-color:rgba(var(--center-channel-color-rgb),.12)}._message-separator--date_143l5_73 ._message-separator__text_143l5_22{color:var(--center-channel-color)}._message-separator--new_143l5_76 ._message-separator__line_143l5_10{background-color:var(--new-message-separator, var(--color-warning))}._message-separator--new_143l5_76 ._message-separator__text_143l5_22{color:var(--new-message-separator, var(--color-warning))}._message-separator--reply_143l5_82{padding:var(--spacing-xxxs) var(--spacing-xxl)}

package/dist/components/message-separator/MessageSeparator.d.ts

@@ -0,0 +1,21 @@
+import { HTMLAttributes } from 'react';
+export type MessageSeparatorType = 'date' | 'new-messages' | 'reply-count';
+export interface MessageSeparatorProps extends HTMLAttributes<HTMLDivElement> {
+    /** Separator variant. Default: Date. */
+    type?: MessageSeparatorType;
+    /** Label text. Defaults: 'Today' / 'New messages' / '4 replies'. */
+    label?: string;
+    /** Show AI summarize button (New Messages type only). Default: false. */
+    showAiSummary?: boolean;
+    /** Called when Summarize button is clicked. */
+    onSummarize?: () => void;
+    /** Optional CSS class name. */
+    className?: string;
+}
+/**
+ * Message Separators sit between messages in the stream to group them — by day, by reply
+ * count, or to mark the boundary between read and unread. They help readers orient
+ * themselves when scrolling back through history or returning to a busy channel.
+ */
+export default function MessageSeparator({ type, label, showAiSummary, onSummarize, className, ...rest }: MessageSeparatorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MessageSeparator.d.ts.map

package/dist/components/message-separator/MessageSeparator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageSeparator.d.ts","sourceRoot":"","sources":["../../../src/components/message-separator/MessageSeparator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,cAAc,GAAG,aAAa,CAAC;AAE3E,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3E,wCAAwC;IACxC,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,IAAa,EACb,KAAK,EACL,aAAqB,EACrB,WAAW,EACX,SAAc,EACd,GAAG,IAAI,EACR,EAAE,qBAAqB,2CA0DvB"}

package/dist/components/message-separator/MessageSeparator.js

@@ -0,0 +1,65 @@
+import { jsx as a, jsxs as r, Fragment as i } from "react/jsx-runtime";
+import g from "../icon/Icon.js";
+import __u from "@mattermost/compass-icons/components/creation-outline.js";const u=__u&&__u.default?__u.default:__u;
+import e from "./MessageSeparator.module.scss.js";
+const _ = {
+  date: "Today",
+  "new-messages": "New messages",
+  "reply-count": "4 replies"
+};
+function w({
+  type: s = "date",
+  label: l,
+  showAiSummary: n = !1,
+  onSummarize: o,
+  className: m = "",
+  ...c
+}) {
+  const d = l ?? _[s], p = [
+    e["message-separator"],
+    e[`message-separator--${s === "new-messages" ? "new" : s === "reply-count" ? "reply" : "date"}`],
+    m
+  ].filter(Boolean).join(" "), t = /* @__PURE__ */ r("div", { className: e["message-separator__label"], children: [
+    /* @__PURE__ */ a("span", { className: e["message-separator__text"], children: d }),
+    s === "new-messages" && n && /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        className: e["message-separator__summarize"],
+        onClick: o,
+        "aria-label": "Summarize new messages with AI",
+        children: [
+          /* @__PURE__ */ a(
+            "span",
+            {
+              className: e["message-separator__summarize-icon"],
+              "aria-hidden": !0,
+              children: /* @__PURE__ */ a(g, { size: "12", glyph: /* @__PURE__ */ a(u, {}) })
+            }
+          ),
+          "Summarize"
+        ]
+      }
+    )
+  ] });
+  return /* @__PURE__ */ a("div", { className: p, role: "separator", ...c, children: s === "reply-count" ? /* @__PURE__ */ r(i, { children: [
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: e["message-separator__reply-gutter"],
+        "aria-hidden": !0,
+        children: /* @__PURE__ */ a("div", { className: e["message-separator__reply-line-start"] })
+      }
+    ),
+    t,
+    /* @__PURE__ */ a("div", { className: e["message-separator__line"], "aria-hidden": !0 })
+  ] }) : /* @__PURE__ */ r(i, { children: [
+    /* @__PURE__ */ a("div", { className: e["message-separator__line"], "aria-hidden": !0 }),
+    t,
+    /* @__PURE__ */ a("div", { className: e["message-separator__line"], "aria-hidden": !0 })
+  ] }) });
+}
+export {
+  w as default
+};
+//# sourceMappingURL=MessageSeparator.js.map

package/dist/components/message-separator/MessageSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageSeparator.js","sources":["../../../src/components/message-separator/MessageSeparator.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport Icon from '@/components/icon/Icon';\nimport CreationOutlineIcon from '@mattermost/compass-icons/components/creation-outline';\nimport styles from './MessageSeparator.module.scss';\n\nexport type MessageSeparatorType = 'date' | 'new-messages' | 'reply-count';\n\nexport interface MessageSeparatorProps extends HTMLAttributes<HTMLDivElement> {\n  /** Separator variant. Default: Date. */\n  type?: MessageSeparatorType;\n  /** Label text. Defaults: 'Today' / 'New messages' / '4 replies'. */\n  label?: string;\n  /** Show AI summarize button (New Messages type only). Default: false. */\n  showAiSummary?: boolean;\n  /** Called when Summarize button is clicked. */\n  onSummarize?: () => void;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\nconst DEFAULT_LABELS: Record<MessageSeparatorType, string> = {\n  date: 'Today',\n  'new-messages': 'New messages',\n  'reply-count': '4 replies',\n};\n\n/**\n * Message Separators sit between messages in the stream to group them — by day, by reply\n * count, or to mark the boundary between read and unread. They help readers orient\n * themselves when scrolling back through history or returning to a busy channel.\n */\nexport default function MessageSeparator({\n  type = 'date',\n  label,\n  showAiSummary = false,\n  onSummarize,\n  className = '',\n  ...rest\n}: MessageSeparatorProps) {\n  const displayLabel = label ?? DEFAULT_LABELS[type];\n\n  const rootClass = [\n    styles['message-separator'],\n    styles[\n      `message-separator--${type === 'new-messages' ? 'new' : type === 'reply-count' ? 'reply' : 'date'}`\n    ],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const labelBlock = (\n    <div className={styles['message-separator__label']}>\n      <span className={styles['message-separator__text']}>{displayLabel}</span>\n\n      {type === 'new-messages' && showAiSummary && (\n        <button\n          type=\"button\"\n          className={styles['message-separator__summarize']}\n          onClick={onSummarize}\n          aria-label=\"Summarize new messages with AI\"\n        >\n          <span\n            className={styles['message-separator__summarize-icon']}\n            aria-hidden\n          >\n            <Icon size=\"12\" glyph={<CreationOutlineIcon />} />\n          </span>\n          Summarize\n        </button>\n      )}\n    </div>\n  );\n\n  return (\n    <div className={rootClass} role=\"separator\" {...rest}>\n      {type === 'reply-count' ? (\n        <>\n          <div\n            className={styles['message-separator__reply-gutter']}\n            aria-hidden\n          >\n            <div className={styles['message-separator__reply-line-start']} />\n          </div>\n          {labelBlock}\n          <div className={styles['message-separator__line']} aria-hidden />\n        </>\n      ) : (\n        <>\n          <div className={styles['message-separator__line']} aria-hidden />\n          {labelBlock}\n          <div className={styles['message-separator__line']} aria-hidden />\n        </>\n      )}\n    </div>\n  );\n}\n"],"names":["DEFAULT_LABELS","MessageSeparator","type","label","showAiSummary","onSummarize","className","rest","displayLabel","rootClass","styles","labelBlock","jsxs","jsx","Icon","CreationOutlineIcon","Fragment"],"mappings":";;;;AAoBA,MAAMA,IAAuD;AAAA,EAC3D,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,eAAe;AACjB;AAOA,SAAwBC,EAAiB;AAAA,EACvC,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,aAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAA0B;AACxB,QAAMC,IAAeL,KAASH,EAAeE,CAAI,GAE3CO,IAAY;AAAA,IAChBC,EAAO,mBAAmB;AAAA,IAC1BA,EACE,sBAAsBR,MAAS,iBAAiB,QAAQA,MAAS,gBAAgB,UAAU,MAAM,EACnG;AAAA,IACAI;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAELK,IACJ,gBAAAC,EAAC,OAAA,EAAI,WAAWF,EAAO,0BAA0B,GAC/C,UAAA;AAAA,IAAA,gBAAAG,EAAC,QAAA,EAAK,WAAWH,EAAO,yBAAyB,GAAI,UAAAF,GAAa;AAAA,IAEjEN,MAAS,kBAAkBE,KAC1B,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAWF,EAAO,8BAA8B;AAAA,QAChD,SAASL;AAAA,QACT,cAAW;AAAA,QAEX,UAAA;AAAA,UAAA,gBAAAQ;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWH,EAAO,mCAAmC;AAAA,cACrD,eAAW;AAAA,cAEX,4BAACI,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAD,EAACE,KAAoB,EAAA,CAAI;AAAA,YAAA;AAAA,UAAA;AAAA,UAC3C;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAET,GAEJ;AAGF,SACE,gBAAAF,EAAC,OAAA,EAAI,WAAWJ,GAAW,MAAK,aAAa,GAAGF,GAC7C,UAAAL,MAAS,gBACR,gBAAAU,EAAAI,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWH,EAAO,iCAAiC;AAAA,QACnD,eAAW;AAAA,QAEX,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWH,EAAO,qCAAqC,EAAA,CAAG;AAAA,MAAA;AAAA,IAAA;AAAA,IAEhEC;AAAA,sBACA,OAAA,EAAI,WAAWD,EAAO,yBAAyB,GAAG,eAAW,GAAA,CAAC;AAAA,EAAA,EAAA,CACjE,IAEA,gBAAAE,EAAAI,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAH,EAAC,SAAI,WAAWH,EAAO,yBAAyB,GAAG,eAAW,IAAC;AAAA,IAC9DC;AAAA,sBACA,OAAA,EAAI,WAAWD,EAAO,yBAAyB,GAAG,eAAW,GAAA,CAAC;AAAA,EAAA,EAAA,CACjE,EAAA,CAEJ;AAEJ;"}

package/dist/components/message-separator/MessageSeparator.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./MessageSeparator.css');const e={"message-separator":"_message-separator_143l5_3","message-separator__line":"_message-separator__line_143l5_10","message-separator__label":"_message-separator__label_143l5_16","message-separator__text":"_message-separator__text_143l5_22","message-separator__summarize":"_message-separator__summarize_143l5_30","message-separator__summarize-icon":"_message-separator__summarize-icon_143l5_54","message-separator__reply-gutter":"_message-separator__reply-gutter_143l5_62","message-separator__reply-line-start":"_message-separator__reply-line-start_143l5_68","message-separator--date":"_message-separator--date_143l5_73","message-separator--new":"_message-separator--new_143l5_76","message-separator--reply":"_message-separator--reply_143l5_82"};exports.default=e;
+//# sourceMappingURL=MessageSeparator.module.scss.cjs.map

package/dist/components/message-separator/MessageSeparator.module.scss.cjs.map

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

package/dist/components/message-separator/MessageSeparator.module.scss.js

@@ -0,0 +1,17 @@
+import './MessageSeparator.css';const e = {
+  "message-separator": "_message-separator_143l5_3",
+  "message-separator__line": "_message-separator__line_143l5_10",
+  "message-separator__label": "_message-separator__label_143l5_16",
+  "message-separator__text": "_message-separator__text_143l5_22",
+  "message-separator__summarize": "_message-separator__summarize_143l5_30",
+  "message-separator__summarize-icon": "_message-separator__summarize-icon_143l5_54",
+  "message-separator__reply-gutter": "_message-separator__reply-gutter_143l5_62",
+  "message-separator__reply-line-start": "_message-separator__reply-line-start_143l5_68",
+  "message-separator--date": "_message-separator--date_143l5_73",
+  "message-separator--new": "_message-separator--new_143l5_76",
+  "message-separator--reply": "_message-separator--reply_143l5_82"
+};
+export {
+  e as default
+};
+//# sourceMappingURL=MessageSeparator.module.scss.js.map

package/dist/components/message-separator/MessageSeparator.module.scss.js.map

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

package/dist/components/message-separator/index.cjs

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

package/dist/components/message-separator/index.cjs.map

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

package/dist/components/message-separator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/message-separator/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/message-separator/index.js

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

package/dist/components/message-separator/index.js.map

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

package/dist/components/modal/Modal.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),S=require("react"),p=require("../scrollbar/Scrollbar.cjs"),w=require("../modal-footer/ModalFooter.cjs"),z=require("../modal-header/ModalHeader.cjs"),B=require("../../utils/string.cjs"),l=require("./Modal.module.scss.cjs");function C({className:t="",style:i,size:u="small",title:c,subtitle:m,subtitlePlacement:b="below",hideTitle:f=!1,showBackButton:_=!1,onBack:j,onClose:q,headerDivider:v=!0,headerAction:x,bodyPadding:s="default",scrollable:y=!0,children:M,footer:o,footerLeading:r,footerType:a="2-actions",footerDivider:h=!0}){const d=S.useId(),g=l.default[`modal--size-${B.toKebab(u)}`],I=[l.default["modal__body-inner"],s==="menu"&&l.default["modal__body-inner--menu"],s==="none"&&l.default["modal__body-inner--none"]].filter(Boolean).join(" "),n=e.jsx("div",{className:I,children:M}),N=o!=null||r!=null||a==="spacer-small"||a==="spacer-large";return e.jsxs("div",{className:[l.default.modal,g,t].filter(Boolean).join(" "),style:i,role:"dialog","aria-modal":"true","aria-labelledby":d,children:[e.jsx(z.default,{title:c,titleId:d,subtitle:m,subtitlePlacement:b,hideTitle:f,showBackButton:_,onBack:j,onClose:q,divider:v,headerAction:x}),e.jsx("div",{className:l.default.modal__body,children:y?e.jsx(p.default,{children:n}):n}),N&&e.jsx(w.default,{type:a,divider:h,leading:r,children:o})]})}exports.default=C;
+//# sourceMappingURL=Modal.cjs.map

package/dist/components/modal/Modal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.cjs","sources":["../../../src/components/modal/Modal.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { useId } from 'react';\nimport Scrollbar from '@/components/scrollbar/Scrollbar';\nimport ModalFooter from '@/components/modal-footer/ModalFooter';\nimport type { ModalFooterType } from '@/components/modal-footer/ModalFooter';\nimport ModalHeader from '@/components/modal-header/ModalHeader';\nimport type { ModalSubtitlePlacement } from '@/components/modal-header/ModalHeader';\nimport { toKebab } from '@/utils/string';\nimport styles from './Modal.module.scss';\n\nexport type ModalSize = 'small' | 'medium' | 'large';\n\n/**\n * Body inset. `menu` is for MenuItem lists — 8px vertical / 16px horizontal so\n * row labels align with the 32px header/footer margins. `none` removes inset\n * for host-owned full-bleed layouts (e.g. settings sidebars).\n */\nexport type ModalBodyPadding = 'default' | 'menu' | 'none';\n\nexport type { ModalFooterType, ModalSubtitlePlacement };\n\nexport interface ModalProps {\n  /** Extra class on the dialog root (size + chrome classes still apply). */\n  className?: string;\n  /** Inline style on the dialog root — prefer `className` for layout overrides. */\n  style?: CSSProperties;\n  /** Width variant. Figma: Size — Small 600px, Medium 704px, Large 832px. */\n  size?: ModalSize;\n  /** Modal heading text. Required for a11y; use `hideTitle` for close-only chrome. */\n  title: ReactNode;\n  /** Optional secondary line — placement via `subtitlePlacement`. */\n  subtitle?: ReactNode;\n  /**\n   * Where the subtitle sits. Figma Modal Header: Below | Beside.\n   * Default: `below`.\n   */\n  subtitlePlacement?: ModalSubtitlePlacement;\n  /** Visually hide the title (close-only header); title remains for `aria-labelledby`. */\n  hideTitle?: boolean;\n  /** When true, shows a back-arrow button before the title. */\n  showBackButton?: boolean;\n  /** Called when the back button is clicked. */\n  onBack?: () => void;\n  /** Called when the × close button is clicked. */\n  onClose?: () => void;\n  /** Show divider between header and body. Default: true. */\n  headerDivider?: boolean;\n  /** Optional control before close (Button, search field, …). */\n  headerAction?: ReactNode;\n  /**\n   * Body inset. Default is 32px horizontal / 28px vertical. Use `menu` for\n   * MenuItem lists. Use `none` when the host owns padding.\n   */\n  bodyPadding?: ModalBodyPadding;\n  /**\n   * When true (default), wraps body content in Scrollbar. Set false when the\n   * host manages scroll inside panes.\n   */\n  scrollable?: boolean;\n  /** Body content. */\n  children: ReactNode;\n  /** Footer slot — typically Buttons. Wrapped in `ModalFooter`. */\n  footer?: ReactNode;\n  /** Left footer slot (pagination status, PaginationDots, …). */\n  footerLeading?: ReactNode;\n  /** Footer layout. Figma Modal Footer Type. Default: `2-actions`. */\n  footerType?: ModalFooterType;\n  /** Show divider between body and footer. Default: true. */\n  footerDivider?: boolean;\n}\n\n/**\n * Modal dialog shell — composes ModalHeader, scrollable body, and ModalFooter.\n * Host owns portal, overlay, focus trap, and open/close.\n */\nexport default function Modal({\n  className = '',\n  style,\n  size = 'small',\n  title,\n  subtitle,\n  subtitlePlacement = 'below',\n  hideTitle = false,\n  showBackButton = false,\n  onBack,\n  onClose,\n  headerDivider = true,\n  headerAction,\n  bodyPadding = 'default',\n  scrollable = true,\n  children,\n  footer,\n  footerLeading,\n  footerType = '2-actions',\n  footerDivider = true,\n}: ModalProps) {\n  const titleId = useId();\n  const sizeClass = styles[`modal--size-${toKebab(size)}`];\n  const bodyInnerClass = [\n    styles['modal__body-inner'],\n    bodyPadding === 'menu' && styles['modal__body-inner--menu'],\n    bodyPadding === 'none' && styles['modal__body-inner--none'],\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const bodyInner = <div className={bodyInnerClass}>{children}</div>;\n  const showFooter =\n    footer != null ||\n    footerLeading != null ||\n    footerType === 'spacer-small' ||\n    footerType === 'spacer-large';\n\n  return (\n    <div\n      className={[styles.modal, sizeClass, className].filter(Boolean).join(' ')}\n      style={style}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby={titleId}\n    >\n      <ModalHeader\n        title={title}\n        titleId={titleId}\n        subtitle={subtitle}\n        subtitlePlacement={subtitlePlacement}\n        hideTitle={hideTitle}\n        showBackButton={showBackButton}\n        onBack={onBack}\n        onClose={onClose}\n        divider={headerDivider}\n        headerAction={headerAction}\n      />\n\n      <div className={styles['modal__body']}>\n        {scrollable ? <Scrollbar>{bodyInner}</Scrollbar> : bodyInner}\n      </div>\n\n      {showFooter && (\n        <ModalFooter\n          type={footerType}\n          divider={footerDivider}\n          leading={footerLeading}\n        >\n          {footer}\n        </ModalFooter>\n      )}\n    </div>\n  );\n}\n"],"names":["Modal","className","style","size","title","subtitle","subtitlePlacement","hideTitle","showBackButton","onBack","onClose","headerDivider","headerAction","bodyPadding","scrollable","children","footer","footerLeading","footerType","footerDivider","titleId","useId","sizeClass","styles","toKebab","bodyInnerClass","bodyInner","jsx","showFooter","jsxs","ModalHeader","Scrollbar","ModalFooter"],"mappings":"6WA2EA,SAAwBA,EAAM,CAC5B,UAAAC,EAAY,GACZ,MAAAC,EACA,KAAAC,EAAO,QACP,MAAAC,EACA,SAAAC,EACA,kBAAAC,EAAoB,QACpB,UAAAC,EAAY,GACZ,eAAAC,EAAiB,GACjB,OAAAC,EACA,QAAAC,EACA,cAAAC,EAAgB,GAChB,aAAAC,EACA,YAAAC,EAAc,UACd,WAAAC,EAAa,GACb,SAAAC,EACA,OAAAC,EACA,cAAAC,EACA,WAAAC,EAAa,YACb,cAAAC,EAAgB,EAClB,EAAe,CACb,MAAMC,EAAUC,EAAAA,MAAA,EACVC,EAAYC,EAAAA,QAAO,eAAeC,EAAAA,QAAQrB,CAAI,CAAC,EAAE,EACjDsB,EAAiB,CACrBF,EAAAA,QAAO,mBAAmB,EAC1BV,IAAgB,QAAUU,EAAAA,QAAO,yBAAyB,EAC1DV,IAAgB,QAAUU,EAAAA,QAAO,yBAAyB,CAAA,EAEzD,OAAO,OAAO,EACd,KAAK,GAAG,EAELG,EAAYC,EAAAA,IAAC,MAAA,CAAI,UAAWF,EAAiB,SAAAV,EAAS,EACtDa,EACJZ,GAAU,MACVC,GAAiB,MACjBC,IAAe,gBACfA,IAAe,eAEjB,OACEW,EAAAA,KAAC,MAAA,CACC,UAAW,CAACN,EAAAA,QAAO,MAAOD,EAAWrB,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EACxE,MAAAC,EACA,KAAK,SACL,aAAW,OACX,kBAAiBkB,EAEjB,SAAA,CAAAO,EAAAA,IAACG,EAAAA,QAAA,CACC,MAAA1B,EACA,QAAAgB,EACA,SAAAf,EACA,kBAAAC,EACA,UAAAC,EACA,eAAAC,EACA,OAAAC,EACA,QAAAC,EACA,QAASC,EACT,aAAAC,CAAA,CAAA,EAGFe,EAAAA,IAAC,MAAA,CAAI,UAAWJ,EAAAA,QAAO,YACpB,SAAAT,EAAaa,EAAAA,IAACI,EAAAA,QAAA,CAAW,SAAAL,CAAA,CAAU,EAAeA,EACrD,EAECE,GACCD,EAAAA,IAACK,EAAAA,QAAA,CACC,KAAMd,EACN,QAASC,EACT,QAASF,EAER,SAAAD,CAAA,CAAA,CACH,CAAA,CAAA,CAIR"}

package/dist/components/modal/Modal.css

@@ -0,0 +1 @@
+._modal_18mtm_2{background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.16);border-radius:var(--radius-l);box-shadow:var(--elevation-6);display:flex;flex-direction:column;overflow:hidden}._modal--size-small_18mtm_11{width:600px}._modal--size-medium_18mtm_14{width:704px}._modal--size-large_18mtm_17{width:832px}._modal__body_18mtm_20{flex:1;min-height:0}._modal__body-inner_18mtm_24{padding:28px var(--spacing-xxxl)}._modal__body-inner--menu_18mtm_27{padding:var(--spacing-xs) var(--spacing-l)}._modal__body-inner--none_18mtm_30{padding:0}._modal__body_18mtm_20>._modal__body-inner_18mtm_24{height:100%}

package/dist/components/modal/Modal.d.ts

@@ -0,0 +1,66 @@
+import { CSSProperties, ReactNode } from 'react';
+import { ModalFooterType } from '../modal-footer/ModalFooter';
+import { ModalSubtitlePlacement } from '../modal-header/ModalHeader';
+export type ModalSize = 'small' | 'medium' | 'large';
+/**
+ * Body inset. `menu` is for MenuItem lists — 8px vertical / 16px horizontal so
+ * row labels align with the 32px header/footer margins. `none` removes inset
+ * for host-owned full-bleed layouts (e.g. settings sidebars).
+ */
+export type ModalBodyPadding = 'default' | 'menu' | 'none';
+export type { ModalFooterType, ModalSubtitlePlacement };
+export interface ModalProps {
+    /** Extra class on the dialog root (size + chrome classes still apply). */
+    className?: string;
+    /** Inline style on the dialog root — prefer `className` for layout overrides. */
+    style?: CSSProperties;
+    /** Width variant. Figma: Size — Small 600px, Medium 704px, Large 832px. */
+    size?: ModalSize;
+    /** Modal heading text. Required for a11y; use `hideTitle` for close-only chrome. */
+    title: ReactNode;
+    /** Optional secondary line — placement via `subtitlePlacement`. */
+    subtitle?: ReactNode;
+    /**
+     * Where the subtitle sits. Figma Modal Header: Below | Beside.
+     * Default: `below`.
+     */
+    subtitlePlacement?: ModalSubtitlePlacement;
+    /** Visually hide the title (close-only header); title remains for `aria-labelledby`. */
+    hideTitle?: boolean;
+    /** When true, shows a back-arrow button before the title. */
+    showBackButton?: boolean;
+    /** Called when the back button is clicked. */
+    onBack?: () => void;
+    /** Called when the × close button is clicked. */
+    onClose?: () => void;
+    /** Show divider between header and body. Default: true. */
+    headerDivider?: boolean;
+    /** Optional control before close (Button, search field, …). */
+    headerAction?: ReactNode;
+    /**
+     * Body inset. Default is 32px horizontal / 28px vertical. Use `menu` for
+     * MenuItem lists. Use `none` when the host owns padding.
+     */
+    bodyPadding?: ModalBodyPadding;
+    /**
+     * When true (default), wraps body content in Scrollbar. Set false when the
+     * host manages scroll inside panes.
+     */
+    scrollable?: boolean;
+    /** Body content. */
+    children: ReactNode;
+    /** Footer slot — typically Buttons. Wrapped in `ModalFooter`. */
+    footer?: ReactNode;
+    /** Left footer slot (pagination status, PaginationDots, …). */
+    footerLeading?: ReactNode;
+    /** Footer layout. Figma Modal Footer Type. Default: `2-actions`. */
+    footerType?: ModalFooterType;
+    /** Show divider between body and footer. Default: true. */
+    footerDivider?: boolean;
+}
+/**
+ * Modal dialog shell — composes ModalHeader, scrollable body, and ModalFooter.
+ * Host owns portal, overlay, focus trap, and open/close.
+ */
+export default function Modal({ className, style, size, title, subtitle, subtitlePlacement, hideTitle, showBackButton, onBack, onClose, headerDivider, headerAction, bodyPadding, scrollable, children, footer, footerLeading, footerType, footerDivider, }: ModalProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Modal.d.ts.map

package/dist/components/modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAItD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAE5E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAInF,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAErD;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAE3D,YAAY,EAAE,eAAe,EAAE,sBAAsB,EAAE,CAAC;AAExD,MAAM,WAAW,UAAU;IACzB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iFAAiF;IACjF,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oFAAoF;IACpF,KAAK,EAAE,SAAS,CAAC;IACjB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,sBAAsB,CAAC;IAC3C,wFAAwF;IACxF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6DAA6D;IAC7D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,2DAA2D;IAC3D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;OAGG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oBAAoB;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,iEAAiE;IACjE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,oEAAoE;IACpE,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,2DAA2D;IAC3D,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,SAAc,EACd,KAAK,EACL,IAAc,EACd,KAAK,EACL,QAAQ,EACR,iBAA2B,EAC3B,SAAiB,EACjB,cAAsB,EACtB,MAAM,EACN,OAAO,EACP,aAAoB,EACpB,YAAY,EACZ,WAAuB,EACvB,UAAiB,EACjB,QAAQ,EACR,MAAM,EACN,aAAa,EACb,UAAwB,EACxB,aAAoB,GACrB,EAAE,UAAU,2CAsDZ"}

package/dist/components/modal/Modal.js

@@ -0,0 +1,75 @@
+import { jsxs as z, jsx as o } from "react/jsx-runtime";
+import { useId as B } from "react";
+import C from "../scrollbar/Scrollbar.js";
+import F from "../modal-footer/ModalFooter.js";
+import g from "../modal-header/ModalHeader.js";
+import { toKebab as H } from "../../utils/string.js";
+import l from "./Modal.module.scss.js";
+function E({
+  className: d = "",
+  style: m,
+  size: t = "small",
+  title: c,
+  subtitle: u,
+  subtitlePlacement: b = "below",
+  hideTitle: f = !1,
+  showBackButton: p = !1,
+  onBack: _,
+  onClose: y,
+  headerDivider: h = !0,
+  headerAction: v,
+  bodyPadding: r = "default",
+  scrollable: j = !0,
+  children: I,
+  footer: a,
+  footerLeading: n,
+  footerType: e = "2-actions",
+  footerDivider: x = !0
+}) {
+  const i = B(), M = l[`modal--size-${H(t)}`], N = [
+    l["modal__body-inner"],
+    r === "menu" && l["modal__body-inner--menu"],
+    r === "none" && l["modal__body-inner--none"]
+  ].filter(Boolean).join(" "), s = /* @__PURE__ */ o("div", { className: N, children: I }), w = a != null || n != null || e === "spacer-small" || e === "spacer-large";
+  return /* @__PURE__ */ z(
+    "div",
+    {
+      className: [l.modal, M, d].filter(Boolean).join(" "),
+      style: m,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-labelledby": i,
+      children: [
+        /* @__PURE__ */ o(
+          g,
+          {
+            title: c,
+            titleId: i,
+            subtitle: u,
+            subtitlePlacement: b,
+            hideTitle: f,
+            showBackButton: p,
+            onBack: _,
+            onClose: y,
+            divider: h,
+            headerAction: v
+          }
+        ),
+        /* @__PURE__ */ o("div", { className: l.modal__body, children: j ? /* @__PURE__ */ o(C, { children: s }) : s }),
+        w && /* @__PURE__ */ o(
+          F,
+          {
+            type: e,
+            divider: x,
+            leading: n,
+            children: a
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  E as default
+};
+//# sourceMappingURL=Modal.js.map

package/dist/components/modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sources":["../../../src/components/modal/Modal.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { useId } from 'react';\nimport Scrollbar from '@/components/scrollbar/Scrollbar';\nimport ModalFooter from '@/components/modal-footer/ModalFooter';\nimport type { ModalFooterType } from '@/components/modal-footer/ModalFooter';\nimport ModalHeader from '@/components/modal-header/ModalHeader';\nimport type { ModalSubtitlePlacement } from '@/components/modal-header/ModalHeader';\nimport { toKebab } from '@/utils/string';\nimport styles from './Modal.module.scss';\n\nexport type ModalSize = 'small' | 'medium' | 'large';\n\n/**\n * Body inset. `menu` is for MenuItem lists — 8px vertical / 16px horizontal so\n * row labels align with the 32px header/footer margins. `none` removes inset\n * for host-owned full-bleed layouts (e.g. settings sidebars).\n */\nexport type ModalBodyPadding = 'default' | 'menu' | 'none';\n\nexport type { ModalFooterType, ModalSubtitlePlacement };\n\nexport interface ModalProps {\n  /** Extra class on the dialog root (size + chrome classes still apply). */\n  className?: string;\n  /** Inline style on the dialog root — prefer `className` for layout overrides. */\n  style?: CSSProperties;\n  /** Width variant. Figma: Size — Small 600px, Medium 704px, Large 832px. */\n  size?: ModalSize;\n  /** Modal heading text. Required for a11y; use `hideTitle` for close-only chrome. */\n  title: ReactNode;\n  /** Optional secondary line — placement via `subtitlePlacement`. */\n  subtitle?: ReactNode;\n  /**\n   * Where the subtitle sits. Figma Modal Header: Below | Beside.\n   * Default: `below`.\n   */\n  subtitlePlacement?: ModalSubtitlePlacement;\n  /** Visually hide the title (close-only header); title remains for `aria-labelledby`. */\n  hideTitle?: boolean;\n  /** When true, shows a back-arrow button before the title. */\n  showBackButton?: boolean;\n  /** Called when the back button is clicked. */\n  onBack?: () => void;\n  /** Called when the × close button is clicked. */\n  onClose?: () => void;\n  /** Show divider between header and body. Default: true. */\n  headerDivider?: boolean;\n  /** Optional control before close (Button, search field, …). */\n  headerAction?: ReactNode;\n  /**\n   * Body inset. Default is 32px horizontal / 28px vertical. Use `menu` for\n   * MenuItem lists. Use `none` when the host owns padding.\n   */\n  bodyPadding?: ModalBodyPadding;\n  /**\n   * When true (default), wraps body content in Scrollbar. Set false when the\n   * host manages scroll inside panes.\n   */\n  scrollable?: boolean;\n  /** Body content. */\n  children: ReactNode;\n  /** Footer slot — typically Buttons. Wrapped in `ModalFooter`. */\n  footer?: ReactNode;\n  /** Left footer slot (pagination status, PaginationDots, …). */\n  footerLeading?: ReactNode;\n  /** Footer layout. Figma Modal Footer Type. Default: `2-actions`. */\n  footerType?: ModalFooterType;\n  /** Show divider between body and footer. Default: true. */\n  footerDivider?: boolean;\n}\n\n/**\n * Modal dialog shell — composes ModalHeader, scrollable body, and ModalFooter.\n * Host owns portal, overlay, focus trap, and open/close.\n */\nexport default function Modal({\n  className = '',\n  style,\n  size = 'small',\n  title,\n  subtitle,\n  subtitlePlacement = 'below',\n  hideTitle = false,\n  showBackButton = false,\n  onBack,\n  onClose,\n  headerDivider = true,\n  headerAction,\n  bodyPadding = 'default',\n  scrollable = true,\n  children,\n  footer,\n  footerLeading,\n  footerType = '2-actions',\n  footerDivider = true,\n}: ModalProps) {\n  const titleId = useId();\n  const sizeClass = styles[`modal--size-${toKebab(size)}`];\n  const bodyInnerClass = [\n    styles['modal__body-inner'],\n    bodyPadding === 'menu' && styles['modal__body-inner--menu'],\n    bodyPadding === 'none' && styles['modal__body-inner--none'],\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const bodyInner = <div className={bodyInnerClass}>{children}</div>;\n  const showFooter =\n    footer != null ||\n    footerLeading != null ||\n    footerType === 'spacer-small' ||\n    footerType === 'spacer-large';\n\n  return (\n    <div\n      className={[styles.modal, sizeClass, className].filter(Boolean).join(' ')}\n      style={style}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby={titleId}\n    >\n      <ModalHeader\n        title={title}\n        titleId={titleId}\n        subtitle={subtitle}\n        subtitlePlacement={subtitlePlacement}\n        hideTitle={hideTitle}\n        showBackButton={showBackButton}\n        onBack={onBack}\n        onClose={onClose}\n        divider={headerDivider}\n        headerAction={headerAction}\n      />\n\n      <div className={styles['modal__body']}>\n        {scrollable ? <Scrollbar>{bodyInner}</Scrollbar> : bodyInner}\n      </div>\n\n      {showFooter && (\n        <ModalFooter\n          type={footerType}\n          divider={footerDivider}\n          leading={footerLeading}\n        >\n          {footer}\n        </ModalFooter>\n      )}\n    </div>\n  );\n}\n"],"names":["Modal","className","style","size","title","subtitle","subtitlePlacement","hideTitle","showBackButton","onBack","onClose","headerDivider","headerAction","bodyPadding","scrollable","children","footer","footerLeading","footerType","footerDivider","titleId","useId","sizeClass","styles","toKebab","bodyInnerClass","bodyInner","jsx","showFooter","jsxs","ModalHeader","Scrollbar","ModalFooter"],"mappings":";;;;;;;AA2EA,SAAwBA,EAAM;AAAA,EAC5B,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,WAAAC,IAAY;AAAA,EACZ,gBAAAC,IAAiB;AAAA,EACjB,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,cAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,eAAAC,IAAgB;AAClB,GAAe;AACb,QAAMC,IAAUC,EAAA,GACVC,IAAYC,EAAO,eAAeC,EAAQrB,CAAI,CAAC,EAAE,GACjDsB,IAAiB;AAAA,IACrBF,EAAO,mBAAmB;AAAA,IAC1BV,MAAgB,UAAUU,EAAO,yBAAyB;AAAA,IAC1DV,MAAgB,UAAUU,EAAO,yBAAyB;AAAA,EAAA,EAEzD,OAAO,OAAO,EACd,KAAK,GAAG,GAELG,IAAY,gBAAAC,EAAC,OAAA,EAAI,WAAWF,GAAiB,UAAAV,GAAS,GACtDa,IACJZ,KAAU,QACVC,KAAiB,QACjBC,MAAe,kBACfA,MAAe;AAEjB,SACE,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAACN,EAAO,OAAOD,GAAWrB,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MACxE,OAAAC;AAAA,MACA,MAAK;AAAA,MACL,cAAW;AAAA,MACX,mBAAiBkB;AAAA,MAEjB,UAAA;AAAA,QAAA,gBAAAO;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,OAAA1B;AAAA,YACA,SAAAgB;AAAA,YACA,UAAAf;AAAA,YACA,mBAAAC;AAAA,YACA,WAAAC;AAAA,YACA,gBAAAC;AAAA,YACA,QAAAC;AAAA,YACA,SAAAC;AAAA,YACA,SAASC;AAAA,YACT,cAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAGF,gBAAAe,EAAC,OAAA,EAAI,WAAWJ,EAAO,aACpB,UAAAT,IAAa,gBAAAa,EAACI,GAAA,EAAW,UAAAL,EAAA,CAAU,IAAeA,GACrD;AAAA,QAECE,KACC,gBAAAD;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,MAAMd;AAAA,YACN,SAASC;AAAA,YACT,SAASF;AAAA,YAER,UAAAD;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/components/modal/Modal.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Modal.css');const _="_modal_18mtm_2",m="_modal__body_18mtm_20",o={modal:_,"modal--size-small":"_modal--size-small_18mtm_11","modal--size-medium":"_modal--size-medium_18mtm_14","modal--size-large":"_modal--size-large_18mtm_17",modal__body:m,"modal__body-inner":"_modal__body-inner_18mtm_24","modal__body-inner--menu":"_modal__body-inner--menu_18mtm_27","modal__body-inner--none":"_modal__body-inner--none_18mtm_30"};exports.default=o;exports.modal=_;exports.modal__body=m;
+//# sourceMappingURL=Modal.module.scss.cjs.map

package/dist/components/modal/Modal.module.scss.cjs.map

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

package/dist/components/modal/Modal.module.scss.js

@@ -0,0 +1,16 @@
+import './Modal.css';const m = "_modal_18mtm_2", _ = "_modal__body_18mtm_20", o = {
+  modal: m,
+  "modal--size-small": "_modal--size-small_18mtm_11",
+  "modal--size-medium": "_modal--size-medium_18mtm_14",
+  "modal--size-large": "_modal--size-large_18mtm_17",
+  modal__body: _,
+  "modal__body-inner": "_modal__body-inner_18mtm_24",
+  "modal__body-inner--menu": "_modal__body-inner--menu_18mtm_27",
+  "modal__body-inner--none": "_modal__body-inner--none_18mtm_30"
+};
+export {
+  o as default,
+  m as modal,
+  _ as modal__body
+};
+//# sourceMappingURL=Modal.module.scss.js.map

package/dist/components/modal/Modal.module.scss.js.map

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

package/dist/components/modal/index.cjs

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

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

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