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

package/dist/components/admin-panel-header/AdminPanelHeader.d.ts

@@ -0,0 +1,41 @@
+import { ChangeEvent, ReactNode } from 'react';
+/** System Console admin panel expand/collapse (`expandedState` in Figma). */
+export type AdminPanelExpandedState = 'collapsed' | 'expanded';
+export interface AdminPanelHeaderProps {
+    /** Passed to the title `h2` for `aria-labelledby` on the parent panel. */
+    titleId: string;
+    title: ReactNode;
+    subtitle?: ReactNode;
+    /** Trailing accessory actions rendered after Switch / Primary button and before expand. */
+    headerActions?: ReactNode;
+    iconLeft?: boolean;
+    /** Icon for the 44×44 circular pill. Pass `<Icon glyph={<SomeIcon />} />` — AdminPanelHeader provides the correct size via context. */
+    leadingIcon?: ReactNode;
+    showBeta?: boolean;
+    betaLabel?: string;
+    showEnterpriseLabel?: boolean;
+    enterpriseLabel?: string;
+    showButton?: boolean;
+    buttonLabel?: string;
+    onButtonClick?: () => void;
+    showSwitch?: boolean;
+    switchLabel?: ReactNode;
+    switchChecked?: boolean;
+    defaultSwitchChecked?: boolean;
+    onSwitchChange?: (checked: boolean, event: ChangeEvent<HTMLInputElement>) => void;
+    switchDisabled?: boolean;
+    expandable?: boolean;
+    isExpanded?: boolean;
+    onToggleExpand?: () => void;
+    /** Bottom border under the header row (hidden when expandable and collapsed). */
+    showDivider?: boolean;
+    className?: string;
+}
+/**
+ * Admin Panel Header is the titled rail for a System Console settings section: optional
+ * leading icon, title with optional tags, subtitle, and trailing controls. It is composed
+ * inside the [`Admin Panel`](/patterns/admin-panel) pattern; it can also be documented on
+ * its own when adjusting header anatomy or behaviour.
+ */
+export default function AdminPanelHeader({ titleId, title, subtitle, headerActions, iconLeft, leadingIcon, showBeta, betaLabel, showEnterpriseLabel, enterpriseLabel, showButton, buttonLabel, onButtonClick, showSwitch, switchLabel, switchChecked, defaultSwitchChecked, onSwitchChange, switchDisabled, expandable, isExpanded, onToggleExpand, showDivider, className, }: AdminPanelHeaderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AdminPanelHeader.d.ts.map

package/dist/components/admin-panel-header/AdminPanelHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminPanelHeader.d.ts","sourceRoot":"","sources":["../../../src/components/admin-panel-header/AdminPanelHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAazD,6EAA6E;AAC7E,MAAM,MAAM,uBAAuB,GAAG,WAAW,GAAG,UAAU,CAAC;AAE/D,MAAM,WAAW,qBAAqB;IACpC,0EAA0E;IAC1E,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2FAA2F;IAC3F,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uIAAuI;IACvI,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,cAAc,CAAC,EAAE,CACf,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KACjC,IAAI,CAAC;IACV,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,iFAAiF;IACjF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,OAAO,EACP,KAAK,EACL,QAAQ,EACR,aAAa,EACb,QAAgB,EAChB,WAAW,EACX,QAAgB,EAChB,SAAkB,EAClB,mBAA2B,EAC3B,eAA8B,EAC9B,UAAkB,EAClB,WAAsB,EACtB,aAAa,EACb,UAAkB,EAClB,WAAmB,EACnB,aAAa,EACb,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,UAAkB,EAClB,UAAkB,EAClB,cAAc,EACd,WAAkB,EAClB,SAAc,GACf,EAAE,qBAAqB,2CAiGvB"}

package/dist/components/admin-panel-header/AdminPanelHeader.js

@@ -0,0 +1,118 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import __D from "@mattermost/compass-icons/components/chevron-down.js";const D=__D&&__D.default?__D.default:__D;
+import __H from "@mattermost/compass-icons/components/chevron-up.js";const H=__H&&__H.default?__H.default:__H;
+import __L from "@mattermost/compass-icons/components/cog-outline.js";const L=__L&&__L.default?__L.default:__L;
+import __M from "@mattermost/compass-icons/components/mattermost.js";const M=__M&&__M.default?__M.default:__M;
+import T from "../button/Button.js";
+import r, { IconSlotContext as U } from "../icon/Icon.js";
+import q from "../icon-button/IconButton.js";
+import p from "../tag/Tag.js";
+import E from "../switch/Switch.js";
+import l from "./AdminPanelHeader.module.scss.js";
+function $({
+  titleId: u,
+  title: f,
+  subtitle: d,
+  headerActions: t,
+  iconLeft: h = !1,
+  leadingIcon: _,
+  showBeta: v = !1,
+  betaLabel: y = "Beta",
+  showEnterpriseLabel: z = !1,
+  enterpriseLabel: N = "Enterprise",
+  showButton: m = !1,
+  buttonLabel: I = "Button",
+  onButtonClick: g,
+  showSwitch: s = !1,
+  switchLabel: k = "Off",
+  switchChecked: b,
+  defaultSwitchChecked: x,
+  onSwitchChange: i,
+  switchDisabled: C,
+  expandable: o = !1,
+  isExpanded: n = !1,
+  onToggleExpand: B,
+  showDivider: j = !0,
+  className: O = ""
+}) {
+  const P = s || m || t != null || o, A = /* @__PURE__ */ e(r, { size: "20", glyph: /* @__PURE__ */ e(L, {}) });
+  return /* @__PURE__ */ e(
+    "header",
+    {
+      className: [
+        l["admin-panel-header"],
+        j ? l["admin-panel-header--divided"] : "",
+        O
+      ].filter(Boolean).join(" ").trim(),
+      children: /* @__PURE__ */ a("div", { className: l["admin-panel-header__main"], children: [
+        /* @__PURE__ */ a("div", { className: l["admin-panel-header__start"], children: [
+          h ? /* @__PURE__ */ e("div", { className: l["admin-panel-header__leading"], "aria-hidden": !0, children: /* @__PURE__ */ e(U.Provider, { value: { size: "20" }, children: _ ?? A }) }) : null,
+          /* @__PURE__ */ a("div", { className: l["admin-panel-header__title-stack"], children: [
+            /* @__PURE__ */ a("div", { className: l["admin-panel-header__title-row"], children: [
+              /* @__PURE__ */ e("h2", { id: u, className: l["admin-panel-header__title"], children: f }),
+              z ? /* @__PURE__ */ e(
+                p,
+                {
+                  label: N,
+                  size: "x-small",
+                  type: "default",
+                  leadingIcon: /* @__PURE__ */ e(r, { size: "10", glyph: /* @__PURE__ */ e(M, {}) })
+                }
+              ) : null,
+              v ? /* @__PURE__ */ e(p, { label: y, size: "x-small", type: "default" }) : null
+            ] }),
+            d != null ? /* @__PURE__ */ e("p", { className: l["admin-panel-header__subtitle"], children: d }) : null
+          ] })
+        ] }),
+        P ? /* @__PURE__ */ a("div", { className: l["admin-panel-header__actions"], children: [
+          s ? /* @__PURE__ */ e(
+            E,
+            {
+              size: "medium",
+              checked: b,
+              defaultChecked: x,
+              disabled: C,
+              onChange: (c) => {
+                i == null || i(c.target.checked, c);
+              },
+              children: k
+            }
+          ) : null,
+          m ? /* @__PURE__ */ e(
+            T,
+            {
+              type: "button",
+              size: "medium",
+              emphasis: "primary",
+              onClick: g,
+              children: I
+            }
+          ) : null,
+          t,
+          o ? /* @__PURE__ */ e(
+            q,
+            {
+              type: "button",
+              style: "default",
+              size: "medium",
+              "aria-label": n ? "Collapse section" : "Expand section",
+              "aria-expanded": n,
+              onClick: B,
+              icon: /* @__PURE__ */ e(
+                r,
+                {
+                  size: "20",
+                  glyph: n ? /* @__PURE__ */ e(H, {}) : /* @__PURE__ */ e(D, {})
+                }
+              )
+            }
+          ) : null
+        ] }) : null
+      ] })
+    }
+  );
+}
+export {
+  $ as default
+};
+//# sourceMappingURL=AdminPanelHeader.js.map

package/dist/components/admin-panel-header/AdminPanelHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminPanelHeader.js","sources":["../../../src/components/admin-panel-header/AdminPanelHeader.tsx"],"sourcesContent":["import { type ChangeEvent, type ReactNode } from 'react';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport ChevronUpIcon from '@mattermost/compass-icons/components/chevron-up';\nimport CogOutlineIcon from '@mattermost/compass-icons/components/cog-outline';\nimport MattermostIcon from '@mattermost/compass-icons/components/mattermost';\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 Tag from '@/components/tag/Tag';\nimport Switch from '@/components/switch/Switch';\nimport styles from './AdminPanelHeader.module.scss';\n\n/** System Console admin panel expand/collapse (`expandedState` in Figma). */\nexport type AdminPanelExpandedState = 'collapsed' | 'expanded';\n\nexport interface AdminPanelHeaderProps {\n  /** Passed to the title `h2` for `aria-labelledby` on the parent panel. */\n  titleId: string;\n  title: ReactNode;\n  subtitle?: ReactNode;\n  /** Trailing accessory actions rendered after Switch / Primary button and before expand. */\n  headerActions?: ReactNode;\n  iconLeft?: boolean;\n  /** Icon for the 44×44 circular pill. Pass `<Icon glyph={<SomeIcon />} />` — AdminPanelHeader provides the correct size via context. */\n  leadingIcon?: ReactNode;\n  showBeta?: boolean;\n  betaLabel?: string;\n  showEnterpriseLabel?: boolean;\n  enterpriseLabel?: string;\n  showButton?: boolean;\n  buttonLabel?: string;\n  onButtonClick?: () => void;\n  showSwitch?: boolean;\n  switchLabel?: ReactNode;\n  switchChecked?: boolean;\n  defaultSwitchChecked?: boolean;\n  onSwitchChange?: (\n    checked: boolean,\n    event: ChangeEvent<HTMLInputElement>,\n  ) => void;\n  switchDisabled?: boolean;\n  expandable?: boolean;\n  isExpanded?: boolean;\n  onToggleExpand?: () => void;\n  /** Bottom border under the header row (hidden when expandable and collapsed). */\n  showDivider?: boolean;\n  className?: string;\n}\n\n/**\n * Admin Panel Header is the titled rail for a System Console settings section: optional\n * leading icon, title with optional tags, subtitle, and trailing controls. It is composed\n * inside the [`Admin Panel`](/patterns/admin-panel) pattern; it can also be documented on\n * its own when adjusting header anatomy or behaviour.\n */\nexport default function AdminPanelHeader({\n  titleId,\n  title,\n  subtitle,\n  headerActions,\n  iconLeft = false,\n  leadingIcon,\n  showBeta = false,\n  betaLabel = 'Beta',\n  showEnterpriseLabel = false,\n  enterpriseLabel = 'Enterprise',\n  showButton = false,\n  buttonLabel = 'Button',\n  onButtonClick,\n  showSwitch = false,\n  switchLabel = 'Off',\n  switchChecked,\n  defaultSwitchChecked,\n  onSwitchChange,\n  switchDisabled,\n  expandable = false,\n  isExpanded = false,\n  onToggleExpand,\n  showDivider = true,\n  className = '',\n}: AdminPanelHeaderProps) {\n  const hasActions =\n    showSwitch || showButton || headerActions != null || expandable;\n\n  const defaultLeading = <Icon size=\"20\" glyph={<CogOutlineIcon />} />;\n\n  return (\n    <header\n      className={[\n        styles['admin-panel-header'],\n        showDivider ? styles['admin-panel-header--divided'] : '',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')\n        .trim()}\n    >\n      <div className={styles['admin-panel-header__main']}>\n        <div className={styles['admin-panel-header__start']}>\n          {iconLeft ? (\n            <div className={styles['admin-panel-header__leading']} aria-hidden>\n              <IconSlotContext.Provider value={{ size: '20' }}>\n                {leadingIcon ?? defaultLeading}\n              </IconSlotContext.Provider>\n            </div>\n          ) : null}\n          <div className={styles['admin-panel-header__title-stack']}>\n            <div className={styles['admin-panel-header__title-row']}>\n              <h2 id={titleId} className={styles['admin-panel-header__title']}>\n                {title}\n              </h2>\n              {showEnterpriseLabel ? (\n                <Tag\n                  label={enterpriseLabel}\n                  size=\"x-small\"\n                  type=\"default\"\n                  leadingIcon={<Icon size=\"10\" glyph={<MattermostIcon />} />}\n                />\n              ) : null}\n              {showBeta ? (\n                <Tag label={betaLabel} size=\"x-small\" type=\"default\" />\n              ) : null}\n            </div>\n            {subtitle != null ? (\n              <p className={styles['admin-panel-header__subtitle']}>\n                {subtitle}\n              </p>\n            ) : null}\n          </div>\n        </div>\n        {hasActions ? (\n          <div className={styles['admin-panel-header__actions']}>\n            {showSwitch ? (\n              <Switch\n                size=\"medium\"\n                checked={switchChecked}\n                defaultChecked={defaultSwitchChecked}\n                disabled={switchDisabled}\n                onChange={(e) => {\n                  onSwitchChange?.(e.target.checked, e);\n                }}\n              >\n                {switchLabel}\n              </Switch>\n            ) : null}\n            {showButton ? (\n              <Button\n                type=\"button\"\n                size=\"medium\"\n                emphasis=\"primary\"\n                onClick={onButtonClick}\n              >\n                {buttonLabel}\n              </Button>\n            ) : null}\n            {headerActions}\n            {expandable ? (\n              <IconButton\n                type=\"button\"\n                style=\"default\"\n                size=\"medium\"\n                aria-label={isExpanded ? 'Collapse section' : 'Expand section'}\n                aria-expanded={isExpanded}\n                onClick={onToggleExpand}\n                icon={\n                  <Icon\n                    size=\"20\"\n                    glyph={isExpanded ? <ChevronUpIcon /> : <ChevronDownIcon />}\n                  />\n                }\n              />\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    </header>\n  );\n}\n"],"names":["AdminPanelHeader","titleId","title","subtitle","headerActions","iconLeft","leadingIcon","showBeta","betaLabel","showEnterpriseLabel","enterpriseLabel","showButton","buttonLabel","onButtonClick","showSwitch","switchLabel","switchChecked","defaultSwitchChecked","onSwitchChange","switchDisabled","expandable","isExpanded","onToggleExpand","showDivider","className","hasActions","defaultLeading","Icon","jsx","CogOutlineIcon","styles","jsxs","IconSlotContext","Tag","MattermostIcon","Switch","e","Button","IconButton","ChevronUpIcon","ChevronDownIcon"],"mappings":"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"}

package/dist/components/admin-panel-header/AdminPanelHeader.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./AdminPanelHeader.css');const e={"admin-panel-header":"_admin-panel-header_2n9e4_2","admin-panel-header--divided":"_admin-panel-header--divided_2n9e4_7","admin-panel-header__main":"_admin-panel-header__main_2n9e4_10","admin-panel-header__start":"_admin-panel-header__start_2n9e4_19","admin-panel-header__leading":"_admin-panel-header__leading_2n9e4_26","admin-panel-header__title-stack":"_admin-panel-header__title-stack_2n9e4_37","admin-panel-header__title-row":"_admin-panel-header__title-row_2n9e4_46","admin-panel-header__title":"_admin-panel-header__title_2n9e4_37","admin-panel-header__subtitle":"_admin-panel-header__subtitle_2n9e4_66","admin-panel-header__actions":"_admin-panel-header__actions_2n9e4_75"};exports.default=e;
+//# sourceMappingURL=AdminPanelHeader.module.scss.cjs.map

package/dist/components/admin-panel-header/AdminPanelHeader.module.scss.cjs.map

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

package/dist/components/admin-panel-header/AdminPanelHeader.module.scss.js

@@ -0,0 +1,16 @@
+import './AdminPanelHeader.css';const e = {
+  "admin-panel-header": "_admin-panel-header_2n9e4_2",
+  "admin-panel-header--divided": "_admin-panel-header--divided_2n9e4_7",
+  "admin-panel-header__main": "_admin-panel-header__main_2n9e4_10",
+  "admin-panel-header__start": "_admin-panel-header__start_2n9e4_19",
+  "admin-panel-header__leading": "_admin-panel-header__leading_2n9e4_26",
+  "admin-panel-header__title-stack": "_admin-panel-header__title-stack_2n9e4_37",
+  "admin-panel-header__title-row": "_admin-panel-header__title-row_2n9e4_46",
+  "admin-panel-header__title": "_admin-panel-header__title_2n9e4_37",
+  "admin-panel-header__subtitle": "_admin-panel-header__subtitle_2n9e4_66",
+  "admin-panel-header__actions": "_admin-panel-header__actions_2n9e4_75"
+};
+export {
+  e as default
+};
+//# sourceMappingURL=AdminPanelHeader.module.scss.js.map

package/dist/components/admin-panel-header/AdminPanelHeader.module.scss.js.map

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

package/dist/components/admin-panel-header/index.cjs

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

package/dist/components/admin-panel-header/index.cjs.map

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

package/dist/components/admin-panel-header/index.d.ts.map

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

package/dist/components/admin-panel-header/index.js

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

package/dist/components/admin-panel-header/index.js.map

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

package/dist/components/attachment-card/AttachmentCard.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/close.js"),O=__O?.default??__O,__L=require("@mattermost/compass-icons/components/dots-vertical.js"),L=__L?.default??__L,__C=require("@mattermost/compass-icons/components/download-outline.js"),C=__C?.default??__C,__z=require("@mattermost/compass-icons/components/file-audio-outline-large.js"),z=__z?.default??__z,__w=require("@mattermost/compass-icons/components/file-code-outline-large.js"),w=__w?.default??__w,__y=require("@mattermost/compass-icons/components/file-excel-outline-large.js"),y=__y?.default??__y,__j=require("@mattermost/compass-icons/components/file-generic-outline-large.js"),j=__j?.default??__j,__P=require("@mattermost/compass-icons/components/file-image-outline-large.js"),P=__P?.default??__P,__$=require("@mattermost/compass-icons/components/file-patch-outline-large.js"),$=__$?.default??__$,__E=require("@mattermost/compass-icons/components/file-pdf-outline-large.js"),E=__E?.default??__E,__k=require("@mattermost/compass-icons/components/file-powerpoint-outline-large.js"),k=__k?.default??__k,__D=require("@mattermost/compass-icons/components/file-text-outline-large.js"),D=__D?.default??__D,__M=require("@mattermost/compass-icons/components/file-video-outline-large.js"),M=__M?.default??__M,__A=require("@mattermost/compass-icons/components/file-word-outline-large.js"),A=__A?.default??__A,__R=require("@mattermost/compass-icons/components/file-zip-outline-large.js"),R=__R?.default??__R,i=require("../icon/Icon.cjs"),s=require("../icon-button/IconButton.cjs"),U=require("../tag/Tag.cjs"),a=require("./AttachmentCard.module.scss.cjs"),B={audio:z,code:w,excel:y,generic:j,"image-icon":P,patch:$,pdf:E,powerpoint:k,text:D,video:M,word:A,zip:R},S={audio:"var(--attachment-blue)",code:void 0,excel:"var(--attachment-green)",generic:void 0,"image-icon":"var(--attachment-blue)",patch:void 0,pdf:"var(--attachment-red)",powerpoint:"var(--attachment-orange)",text:void 0,video:"var(--attachment-blue)",word:"var(--attachment-blue)",zip:void 0};function V({className:f="",fileName:r,fileMeta:d,fileType:t="generic",state:n="default",progress:o=0,thumbnailSrc:u,channelTag:m,dateTimeStamp:h,onOpen:x,onRemove:v,onDownload:p,onMore:I}){const c=n==="uploading",q=n==="uploaded",l=n==="default",F=l?"":a.default[`attachment-card--${n}`],b=[a.default["attachment-card"],F,f].filter(Boolean).join(" "),N=t!=="image-thumbnail"?B[t]:j,_=t!=="image-thumbnail"?S[t]:void 0,g=e.jsxs(e.Fragment,{children:[t==="image-thumbnail"&&u?e.jsx("img",{src:u,alt:"",className:a.default["attachment-card__thumbnail"]}):e.jsx("div",{className:a.default["attachment-card__icon"],style:_?{color:_}:void 0,children:e.jsx(i.default,{glyph:e.jsx(N,{size:40}),size:"40"})}),e.jsxs("div",{className:a.default["attachment-card__text"],children:[e.jsx("span",{className:a.default["attachment-card__filename"],children:r}),e.jsx("div",{className:a.default["attachment-card__secondary-details"],children:c?e.jsx("span",{className:a.default["attachment-card__uploading-text"],children:`Uploading… (${o}%)`}):e.jsxs(e.Fragment,{children:[m&&e.jsx(U.default,{label:m}),d&&e.jsxs("div",{className:a.default["attachment-card__details"],children:[e.jsx("span",{children:d}),h&&e.jsxs("span",{className:a.default["attachment-card__datetime"],children:[e.jsx("span",{children:"•"}),e.jsx("span",{children:h})]})]})]})})]})]});return e.jsxs("div",{className:b,children:[e.jsx("div",{className:a.default["attachment-card__container"],children:e.jsxs("div",{className:a.default["attachment-card__inner"],children:[l&&x?e.jsx("button",{type:"button",className:`${a.default["attachment-card__left"]} ${a.default["attachment-card__open"]}`,onClick:x,"aria-label":`Open ${r}`,children:g}):e.jsx("div",{className:a.default["attachment-card__left"],children:g}),e.jsx("div",{className:a.default["attachment-card__right"],children:e.jsxs("div",{className:a.default["attachment-card__actions"],children:[(q||c)&&e.jsx(s.default,{size:"small",icon:e.jsx(i.default,{glyph:e.jsx(O,{}),size:"16"}),"aria-label":c?"Cancel upload":"Remove attachment",onClick:v}),l&&e.jsxs(e.Fragment,{children:[e.jsx(s.default,{size:"small",icon:e.jsx(i.default,{glyph:e.jsx(L,{}),size:"16"}),"aria-label":"More options",onClick:I}),e.jsx(s.default,{size:"small",icon:e.jsx(i.default,{glyph:e.jsx(C,{}),size:"16"}),"aria-label":"Download",onClick:p})]})]})})]})}),c&&e.jsx("div",{className:a.default["attachment-card__progress-bar"],children:e.jsx("div",{className:a.default["attachment-card__progress-fill"],style:{width:`${Math.min(100,Math.max(0,o))}%`}})})]})}exports.default=V;
+//# sourceMappingURL=AttachmentCard.cjs.map

package/dist/components/attachment-card/AttachmentCard.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentCard.cjs","sources":["../../../src/components/attachment-card/AttachmentCard.tsx"],"sourcesContent":["import type { ComponentType } from 'react';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport DotsVerticalIcon from '@mattermost/compass-icons/components/dots-vertical';\nimport DownloadOutlineIcon from '@mattermost/compass-icons/components/download-outline';\nimport FileAudioOutlineLargeIcon from '@mattermost/compass-icons/components/file-audio-outline-large';\nimport FileCodeOutlineLargeIcon from '@mattermost/compass-icons/components/file-code-outline-large';\nimport FileExcelOutlineLargeIcon from '@mattermost/compass-icons/components/file-excel-outline-large';\nimport FileGenericOutlineLargeIcon from '@mattermost/compass-icons/components/file-generic-outline-large';\nimport FileImageOutlineLargeIcon from '@mattermost/compass-icons/components/file-image-outline-large';\nimport FilePatchOutlineLargeIcon from '@mattermost/compass-icons/components/file-patch-outline-large';\nimport FilePdfOutlineLargeIcon from '@mattermost/compass-icons/components/file-pdf-outline-large';\nimport FilePowerpointOutlineLargeIcon from '@mattermost/compass-icons/components/file-powerpoint-outline-large';\nimport FileTextOutlineLargeIcon from '@mattermost/compass-icons/components/file-text-outline-large';\nimport FileVideoOutlineLargeIcon from '@mattermost/compass-icons/components/file-video-outline-large';\nimport FileWordOutlineLargeIcon from '@mattermost/compass-icons/components/file-word-outline-large';\nimport FileZipOutlineLargeIcon from '@mattermost/compass-icons/components/file-zip-outline-large';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Tag from '@/components/tag/Tag';\nimport styles from './AttachmentCard.module.scss';\n\nexport type AttachmentCardFileType =\n  | 'text'\n  | 'word'\n  | 'excel'\n  | 'powerpoint'\n  | 'pdf'\n  | 'image-icon'\n  | 'image-thumbnail'\n  | 'video'\n  | 'audio'\n  | 'generic'\n  | 'patch'\n  | 'zip'\n  | 'code';\n\nexport type AttachmentCardState = 'default' | 'uploading' | 'uploaded';\n\nexport interface AttachmentCardProps {\n  className?: string;\n  /** File name to display. */\n  fileName: string;\n  /** File type + size string shown below the filename, e.g. \"TXT 15KB\". */\n  fileMeta?: string;\n  /** Controls the icon shown on the left. Default: \"generic\". */\n  fileType?: AttachmentCardFileType;\n  /** Card state. Default: \"default\" (browsing context). */\n  state?: AttachmentCardState;\n  /** Upload progress 0–100. Used when state=\"uploading\". */\n  progress?: number;\n  /** Thumbnail image URL. Used when fileType=\"image-thumbnail\". */\n  thumbnailSrc?: string;\n  /** Optional channel tag label shown below the filename, e.g. \"UX Design\". */\n  channelTag?: string;\n  /** Optional date/time stamp, e.g. \"Sep 24 5:14 PM\". */\n  dateTimeStamp?: string;\n  /** Called when the card is activated to open the file or its preview. */\n  onOpen?: () => void;\n  /** Called when the remove or cancel button is clicked. */\n  onRemove?: () => void;\n  /** Called when the download button is clicked (visible on hover in default state). */\n  onDownload?: () => void;\n  /** Called when the more-options button is clicked (visible on hover in default state). */\n  onMore?: () => void;\n}\n\ntype IconComponent = ComponentType<{ size: number; className?: string }>;\n\nconst FILE_TYPE_ICONS: Record<\n  Exclude<AttachmentCardFileType, 'image-thumbnail'>,\n  IconComponent\n> = {\n  audio: FileAudioOutlineLargeIcon,\n  code: FileCodeOutlineLargeIcon,\n  excel: FileExcelOutlineLargeIcon,\n  generic: FileGenericOutlineLargeIcon,\n  'image-icon': FileImageOutlineLargeIcon,\n  patch: FilePatchOutlineLargeIcon,\n  pdf: FilePdfOutlineLargeIcon,\n  powerpoint: FilePowerpointOutlineLargeIcon,\n  text: FileTextOutlineLargeIcon,\n  video: FileVideoOutlineLargeIcon,\n  word: FileWordOutlineLargeIcon,\n  zip: FileZipOutlineLargeIcon,\n};\n\nconst FILE_TYPE_COLORS: Record<\n  Exclude<AttachmentCardFileType, 'image-thumbnail'>,\n  string | undefined\n> = {\n  audio: 'var(--attachment-blue)',\n  code: undefined,\n  excel: 'var(--attachment-green)',\n  generic: undefined,\n  'image-icon': 'var(--attachment-blue)',\n  patch: undefined,\n  pdf: 'var(--attachment-red)',\n  powerpoint: 'var(--attachment-orange)',\n  text: undefined,\n  video: 'var(--attachment-blue)',\n  word: 'var(--attachment-blue)',\n  zip: undefined,\n};\n\n/**\n * Attachment Cards represent a file shared in a channel, message, or task. Each card shows\n * the file's identity at a glance — type, name, size — and hosts the actions a viewer can\n * take on it.\n */\nexport default function AttachmentCard({\n  className = '',\n  fileName,\n  fileMeta,\n  fileType = 'generic',\n  state = 'default',\n  progress = 0,\n  thumbnailSrc,\n  channelTag,\n  dateTimeStamp,\n  onOpen,\n  onRemove,\n  onDownload,\n  onMore,\n}: AttachmentCardProps) {\n  const isUploading = state === 'uploading';\n  const isUploaded = state === 'uploaded';\n  const isDefault = state === 'default';\n\n  const stateClass = !isDefault ? styles[`attachment-card--${state}`] : '';\n  const rootClass = [styles['attachment-card'], stateClass, className]\n    .filter(Boolean)\n    .join(' ');\n\n  const FileIcon =\n    fileType !== 'image-thumbnail'\n      ? FILE_TYPE_ICONS[fileType]\n      : FileGenericOutlineLargeIcon;\n\n  const iconColor =\n    fileType !== 'image-thumbnail' ? FILE_TYPE_COLORS[fileType] : undefined;\n\n  const fileIdentity = (\n    <>\n      {fileType === 'image-thumbnail' && thumbnailSrc ? (\n        <img\n          src={thumbnailSrc}\n          alt=\"\"\n          className={styles['attachment-card__thumbnail']}\n        />\n      ) : (\n        <div\n          className={styles['attachment-card__icon']}\n          style={iconColor ? { color: iconColor } : undefined}\n        >\n          <Icon glyph={<FileIcon size={40} />} size=\"40\" />\n        </div>\n      )}\n\n      <div className={styles['attachment-card__text']}>\n        <span className={styles['attachment-card__filename']}>{fileName}</span>\n        <div className={styles['attachment-card__secondary-details']}>\n          {isUploading ? (\n            <span className={styles['attachment-card__uploading-text']}>\n              {`Uploading… (${progress}%)`}\n            </span>\n          ) : (\n            <>\n              {channelTag && <Tag label={channelTag} />}\n              {fileMeta && (\n                <div className={styles['attachment-card__details']}>\n                  <span>{fileMeta}</span>\n                  {dateTimeStamp && (\n                    <span className={styles['attachment-card__datetime']}>\n                      <span>{'•'}</span>\n                      <span>{dateTimeStamp}</span>\n                    </span>\n                  )}\n                </div>\n              )}\n            </>\n          )}\n        </div>\n      </div>\n    </>\n  );\n\n  return (\n    <div className={rootClass}>\n      <div className={styles['attachment-card__container']}>\n        <div className={styles['attachment-card__inner']}>\n          {isDefault && onOpen ? (\n            <button\n              type=\"button\"\n              className={`${styles['attachment-card__left']} ${styles['attachment-card__open']}`}\n              onClick={onOpen}\n              aria-label={`Open ${fileName}`}\n            >\n              {fileIdentity}\n            </button>\n          ) : (\n            <div className={styles['attachment-card__left']}>\n              {fileIdentity}\n            </div>\n          )}\n\n          <div className={styles['attachment-card__right']}>\n            <div className={styles['attachment-card__actions']}>\n              {(isUploaded || isUploading) && (\n                <IconButton\n                  size=\"small\"\n                  icon={<Icon glyph={<CloseIcon />} size=\"16\" />}\n                  aria-label={\n                    isUploading ? 'Cancel upload' : 'Remove attachment'\n                  }\n                  onClick={onRemove}\n                />\n              )}\n              {isDefault && (\n                <>\n                  <IconButton\n                    size=\"small\"\n                    icon={<Icon glyph={<DotsVerticalIcon />} size=\"16\" />}\n                    aria-label=\"More options\"\n                    onClick={onMore}\n                  />\n                  <IconButton\n                    size=\"small\"\n                    icon={<Icon glyph={<DownloadOutlineIcon />} size=\"16\" />}\n                    aria-label=\"Download\"\n                    onClick={onDownload}\n                  />\n                </>\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {isUploading && (\n        <div className={styles['attachment-card__progress-bar']}>\n          <div\n            className={styles['attachment-card__progress-fill']}\n            style={{ width: `${Math.min(100, Math.max(0, progress))}%` }}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["FILE_TYPE_ICONS","FileAudioOutlineLargeIcon","FileCodeOutlineLargeIcon","FileExcelOutlineLargeIcon","FileGenericOutlineLargeIcon","FileImageOutlineLargeIcon","FilePatchOutlineLargeIcon","FilePdfOutlineLargeIcon","FilePowerpointOutlineLargeIcon","FileTextOutlineLargeIcon","FileVideoOutlineLargeIcon","FileWordOutlineLargeIcon","FileZipOutlineLargeIcon","FILE_TYPE_COLORS","AttachmentCard","className","fileName","fileMeta","fileType","state","progress","thumbnailSrc","channelTag","dateTimeStamp","onOpen","onRemove","onDownload","onMore","isUploading","isUploaded","isDefault","stateClass","styles","rootClass","FileIcon","iconColor","fileIdentity","jsxs","Fragment","jsx","Icon","Tag","IconButton","CloseIcon","DotsVerticalIcon","DownloadOutlineIcon"],"mappings":"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"}

package/dist/components/attachment-card/AttachmentCard.css

@@ -0,0 +1 @@
+._attachment-card_ffd4i_2{display:flex;flex-direction:column;width:320px;background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.16);border-radius:var(--radius-s);box-shadow:var(--elevation-1);overflow:hidden;transition:box-shadow var(--duration-quick) var(--ease-transition),border-color var(--duration-quick) var(--ease-transition)}._attachment-card_ffd4i_2:hover,._attachment-card_ffd4i_2:focus-within{box-shadow:var(--elevation-2);border-color:rgba(var(--center-channel-color-rgb),.24);overflow:visible}._attachment-card_ffd4i_2:hover{cursor:pointer}._attachment-card_ffd4i_2:hover ._attachment-card__inner_ffd4i_21,._attachment-card_ffd4i_2:focus-within ._attachment-card__inner_ffd4i_21{overflow:visible}._attachment-card__container_ffd4i_24{display:flex;flex-direction:column;padding:var(--spacing-xxs);width:100%}._attachment-card__inner_ffd4i_21{display:flex;align-items:stretch;overflow:hidden;border-radius:var(--radius-s);width:100%}._attachment-card__left_ffd4i_37{display:flex;flex:1 0 0;gap:var(--spacing-m);align-items:center;min-width:0;padding:var(--spacing-xxs)}._attachment-card__open_ffd4i_45{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;border:none;background:transparent;cursor:pointer;font:inherit;color:inherit;text-align:left;align-self:stretch;border-radius:var(--radius-s);outline:2px solid color-mix(in srgb,var(--focus-ring-color) 0%,transparent);outline-offset:0;transition:outline-color var(--duration-quick) var(--ease-transition),outline-offset var(--duration-quick) var(--ease-transition)}._attachment-card__open_ffd4i_45:focus-visible{outline-color:var(--focus-ring-color);outline-offset:3px}._attachment-card__icon_ffd4i_64{display:flex;align-items:center;flex-shrink:0;color:rgba(var(--center-channel-color-rgb),.64)}._attachment-card__thumbnail_ffd4i_70{width:var(--icon-size-40);height:var(--icon-size-40);border-radius:var(--radius-s);border:1px solid rgba(var(--center-channel-color-rgb),.04);object-fit:cover;flex-shrink:0;display:block}._attachment-card__text_ffd4i_79{display:flex;flex-direction:column;flex:1 0 0;min-width:0;overflow:hidden}._attachment-card__filename_ffd4i_86{display:block;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;overflow:hidden;text-overflow:ellipsis;width:100%;flex-shrink:0;margin:0}._attachment-card__secondary-details_ffd4i_100{display:flex;align-items:flex-start;gap:var(--spacing-xxxs);width:100%;flex-shrink:0;overflow:hidden}._attachment-card__details_ffd4i_108{display:flex;align-items:flex-start;gap:var(--spacing-xxxs);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),.64);white-space:nowrap;overflow:hidden;flex-shrink:0}._attachment-card__datetime_ffd4i_121{display:flex;gap:var(--spacing-xxxs);align-items:flex-start;flex-shrink:0;overflow:hidden}._attachment-card__datetime_ffd4i_121 span:last-child{overflow:hidden;text-overflow:ellipsis}._attachment-card__uploading-text_ffd4i_132{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;flex-shrink:0}._attachment-card__right_ffd4i_141{display:flex;align-items:stretch;justify-content:flex-end;flex-shrink:0;align-self:stretch}._attachment-card__actions_ffd4i_148{display:flex;align-items:center;justify-content:flex-end;padding:var(--spacing-xs);gap:var(--spacing-xxxs);opacity:0;pointer-events:none;transition:opacity var(--duration-quick) var(--ease-transition)}._attachment-card_ffd4i_2:hover ._attachment-card__actions_ffd4i_148,._attachment-card_ffd4i_2:focus-within ._attachment-card__actions_ffd4i_148{opacity:1;pointer-events:auto}._attachment-card__progress-bar_ffd4i_162{height:4px;width:100%;background-color:rgba(var(--center-channel-color-rgb),.16);border-radius:0 0 var(--radius-xs) var(--radius-xs);flex-shrink:0}._attachment-card__progress-fill_ffd4i_169{height:100%;background-color:var(--button-bg);border-radius:var(--radius-xs)}._attachment-card--uploading_ffd4i_174{box-shadow:none}._attachment-card--uploading_ffd4i_174:hover,._attachment-card--uploading_ffd4i_174:focus-within{box-shadow:none}._attachment-card--uploading_ffd4i_174 ._attachment-card__container_ffd4i_24{padding-bottom:var(--spacing-xxxxs)}._attachment-card--uploading_ffd4i_174 ._attachment-card__actions_ffd4i_148,._attachment-card--uploaded_ffd4i_187 ._attachment-card__actions_ffd4i_148{opacity:1;pointer-events:auto}

package/dist/components/attachment-card/AttachmentCard.d.ts

@@ -0,0 +1,36 @@
+export type AttachmentCardFileType = 'text' | 'word' | 'excel' | 'powerpoint' | 'pdf' | 'image-icon' | 'image-thumbnail' | 'video' | 'audio' | 'generic' | 'patch' | 'zip' | 'code';
+export type AttachmentCardState = 'default' | 'uploading' | 'uploaded';
+export interface AttachmentCardProps {
+    className?: string;
+    /** File name to display. */
+    fileName: string;
+    /** File type + size string shown below the filename, e.g. "TXT 15KB". */
+    fileMeta?: string;
+    /** Controls the icon shown on the left. Default: "generic". */
+    fileType?: AttachmentCardFileType;
+    /** Card state. Default: "default" (browsing context). */
+    state?: AttachmentCardState;
+    /** Upload progress 0–100. Used when state="uploading". */
+    progress?: number;
+    /** Thumbnail image URL. Used when fileType="image-thumbnail". */
+    thumbnailSrc?: string;
+    /** Optional channel tag label shown below the filename, e.g. "UX Design". */
+    channelTag?: string;
+    /** Optional date/time stamp, e.g. "Sep 24 5:14 PM". */
+    dateTimeStamp?: string;
+    /** Called when the card is activated to open the file or its preview. */
+    onOpen?: () => void;
+    /** Called when the remove or cancel button is clicked. */
+    onRemove?: () => void;
+    /** Called when the download button is clicked (visible on hover in default state). */
+    onDownload?: () => void;
+    /** Called when the more-options button is clicked (visible on hover in default state). */
+    onMore?: () => void;
+}
+/**
+ * Attachment Cards represent a file shared in a channel, message, or task. Each card shows
+ * the file's identity at a glance — type, name, size — and hosts the actions a viewer can
+ * take on it.
+ */
+export default function AttachmentCard({ className, fileName, fileMeta, fileType, state, progress, thumbnailSrc, channelTag, dateTimeStamp, onOpen, onRemove, onDownload, onMore, }: AttachmentCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AttachmentCard.d.ts.map

package/dist/components/attachment-card/AttachmentCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentCard.d.ts","sourceRoot":"","sources":["../../../src/components/attachment-card/AttachmentCard.tsx"],"names":[],"mappings":"AAqBA,MAAM,MAAM,sBAAsB,GAC9B,MAAM,GACN,MAAM,GACN,OAAO,GACP,YAAY,GACZ,KAAK,GACL,YAAY,GACZ,iBAAiB,GACjB,OAAO,GACP,OAAO,GACP,SAAS,GACT,OAAO,GACP,KAAK,GACL,MAAM,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AAEvE,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4BAA4B;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAClC,yDAAyD;IACzD,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iEAAiE;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uDAAuD;IACvD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,sFAAsF;IACtF,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,0FAA0F;IAC1F,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAwCD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,SAAc,EACd,QAAQ,EACR,QAAQ,EACR,QAAoB,EACpB,KAAiB,EACjB,QAAY,EACZ,YAAY,EACZ,UAAU,EACV,aAAa,EACb,MAAM,EACN,QAAQ,EACR,UAAU,EACV,MAAM,GACP,EAAE,mBAAmB,2CA6HrB"}

package/dist/components/attachment-card/AttachmentCard.js

@@ -0,0 +1,149 @@
+import { jsxs as t, jsx as a, Fragment as l } from "react/jsx-runtime";
+import __w from "@mattermost/compass-icons/components/close.js";const w=__w&&__w.default?__w.default:__w;
+import __y from "@mattermost/compass-icons/components/dots-vertical.js";const y=__y&&__y.default?__y.default:__y;
+import __$ from "@mattermost/compass-icons/components/download-outline.js";const $=__$&&__$.default?__$.default:__$;
+import __E from "@mattermost/compass-icons/components/file-audio-outline-large.js";const E=__E&&__E.default?__E.default:__E;
+import __P from "@mattermost/compass-icons/components/file-code-outline-large.js";const P=__P&&__P.default?__P.default:__P;
+import __k from "@mattermost/compass-icons/components/file-excel-outline-large.js";const k=__k&&__k.default?__k.default:__k;
+import __I from "@mattermost/compass-icons/components/file-generic-outline-large.js";const I=__I&&__I.default?__I.default:__I;
+import __D from "@mattermost/compass-icons/components/file-image-outline-large.js";const D=__D&&__D.default?__D.default:__D;
+import __j from "@mattermost/compass-icons/components/file-patch-outline-large.js";const j=__j&&__j.default?__j.default:__j;
+import __U from "@mattermost/compass-icons/components/file-pdf-outline-large.js";const U=__U&&__U.default?__U.default:__U;
+import __A from "@mattermost/compass-icons/components/file-powerpoint-outline-large.js";const A=__A&&__A.default?__A.default:__A;
+import __B from "@mattermost/compass-icons/components/file-text-outline-large.js";const B=__B&&__B.default?__B.default:__B;
+import __M from "@mattermost/compass-icons/components/file-video-outline-large.js";const M=__M&&__M.default?__M.default:__M;
+import __R from "@mattermost/compass-icons/components/file-word-outline-large.js";const R=__R&&__R.default?__R.default:__R;
+import __V from "@mattermost/compass-icons/components/file-zip-outline-large.js";const V=__V&&__V.default?__V.default:__V;
+import o from "../icon/Icon.js";
+import m from "../icon-button/IconButton.js";
+import Y from "../tag/Tag.js";
+import e from "./AttachmentCard.module.scss.js";
+const G = {
+  audio: E,
+  code: P,
+  excel: k,
+  generic: I,
+  "image-icon": D,
+  patch: j,
+  pdf: U,
+  powerpoint: A,
+  text: B,
+  video: M,
+  word: R,
+  zip: V
+}, W = {
+  audio: "var(--attachment-blue)",
+  code: void 0,
+  excel: "var(--attachment-green)",
+  generic: void 0,
+  "image-icon": "var(--attachment-blue)",
+  patch: void 0,
+  pdf: "var(--attachment-red)",
+  powerpoint: "var(--attachment-orange)",
+  text: void 0,
+  video: "var(--attachment-blue)",
+  word: "var(--attachment-blue)",
+  zip: void 0
+};
+function sa({
+  className: N = "",
+  fileName: d,
+  fileMeta: s,
+  fileType: i = "generic",
+  state: n = "default",
+  progress: h = 0,
+  thumbnailSrc: p,
+  channelTag: _,
+  dateTimeStamp: u,
+  onOpen: g,
+  onRemove: F,
+  onDownload: O,
+  onMore: b
+}) {
+  const c = n === "uploading", L = n === "uploaded", r = n === "default", C = r ? "" : e[`attachment-card--${n}`], x = [e["attachment-card"], C, N].filter(Boolean).join(" "), z = i !== "image-thumbnail" ? G[i] : I, v = i !== "image-thumbnail" ? W[i] : void 0, f = /* @__PURE__ */ t(l, { children: [
+    i === "image-thumbnail" && p ? /* @__PURE__ */ a(
+      "img",
+      {
+        src: p,
+        alt: "",
+        className: e["attachment-card__thumbnail"]
+      }
+    ) : /* @__PURE__ */ a(
+      "div",
+      {
+        className: e["attachment-card__icon"],
+        style: v ? { color: v } : void 0,
+        children: /* @__PURE__ */ a(o, { glyph: /* @__PURE__ */ a(z, { size: 40 }), size: "40" })
+      }
+    ),
+    /* @__PURE__ */ t("div", { className: e["attachment-card__text"], children: [
+      /* @__PURE__ */ a("span", { className: e["attachment-card__filename"], children: d }),
+      /* @__PURE__ */ a("div", { className: e["attachment-card__secondary-details"], children: c ? /* @__PURE__ */ a("span", { className: e["attachment-card__uploading-text"], children: `Uploading… (${h}%)` }) : /* @__PURE__ */ t(l, { children: [
+        _ && /* @__PURE__ */ a(Y, { label: _ }),
+        s && /* @__PURE__ */ t("div", { className: e["attachment-card__details"], children: [
+          /* @__PURE__ */ a("span", { children: s }),
+          u && /* @__PURE__ */ t("span", { className: e["attachment-card__datetime"], children: [
+            /* @__PURE__ */ a("span", { children: "•" }),
+            /* @__PURE__ */ a("span", { children: u })
+          ] })
+        ] })
+      ] }) })
+    ] })
+  ] });
+  return /* @__PURE__ */ t("div", { className: x, children: [
+    /* @__PURE__ */ a("div", { className: e["attachment-card__container"], children: /* @__PURE__ */ t("div", { className: e["attachment-card__inner"], children: [
+      r && g ? /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          className: `${e["attachment-card__left"]} ${e["attachment-card__open"]}`,
+          onClick: g,
+          "aria-label": `Open ${d}`,
+          children: f
+        }
+      ) : /* @__PURE__ */ a("div", { className: e["attachment-card__left"], children: f }),
+      /* @__PURE__ */ a("div", { className: e["attachment-card__right"], children: /* @__PURE__ */ t("div", { className: e["attachment-card__actions"], children: [
+        (L || c) && /* @__PURE__ */ a(
+          m,
+          {
+            size: "small",
+            icon: /* @__PURE__ */ a(o, { glyph: /* @__PURE__ */ a(w, {}), size: "16" }),
+            "aria-label": c ? "Cancel upload" : "Remove attachment",
+            onClick: F
+          }
+        ),
+        r && /* @__PURE__ */ t(l, { children: [
+          /* @__PURE__ */ a(
+            m,
+            {
+              size: "small",
+              icon: /* @__PURE__ */ a(o, { glyph: /* @__PURE__ */ a(y, {}), size: "16" }),
+              "aria-label": "More options",
+              onClick: b
+            }
+          ),
+          /* @__PURE__ */ a(
+            m,
+            {
+              size: "small",
+              icon: /* @__PURE__ */ a(o, { glyph: /* @__PURE__ */ a($, {}), size: "16" }),
+              "aria-label": "Download",
+              onClick: O
+            }
+          )
+        ] })
+      ] }) })
+    ] }) }),
+    c && /* @__PURE__ */ a("div", { className: e["attachment-card__progress-bar"], children: /* @__PURE__ */ a(
+      "div",
+      {
+        className: e["attachment-card__progress-fill"],
+        style: { width: `${Math.min(100, Math.max(0, h))}%` }
+      }
+    ) })
+  ] });
+}
+export {
+  sa as default
+};
+//# sourceMappingURL=AttachmentCard.js.map

package/dist/components/attachment-card/AttachmentCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentCard.js","sources":["../../../src/components/attachment-card/AttachmentCard.tsx"],"sourcesContent":["import type { ComponentType } from 'react';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport DotsVerticalIcon from '@mattermost/compass-icons/components/dots-vertical';\nimport DownloadOutlineIcon from '@mattermost/compass-icons/components/download-outline';\nimport FileAudioOutlineLargeIcon from '@mattermost/compass-icons/components/file-audio-outline-large';\nimport FileCodeOutlineLargeIcon from '@mattermost/compass-icons/components/file-code-outline-large';\nimport FileExcelOutlineLargeIcon from '@mattermost/compass-icons/components/file-excel-outline-large';\nimport FileGenericOutlineLargeIcon from '@mattermost/compass-icons/components/file-generic-outline-large';\nimport FileImageOutlineLargeIcon from '@mattermost/compass-icons/components/file-image-outline-large';\nimport FilePatchOutlineLargeIcon from '@mattermost/compass-icons/components/file-patch-outline-large';\nimport FilePdfOutlineLargeIcon from '@mattermost/compass-icons/components/file-pdf-outline-large';\nimport FilePowerpointOutlineLargeIcon from '@mattermost/compass-icons/components/file-powerpoint-outline-large';\nimport FileTextOutlineLargeIcon from '@mattermost/compass-icons/components/file-text-outline-large';\nimport FileVideoOutlineLargeIcon from '@mattermost/compass-icons/components/file-video-outline-large';\nimport FileWordOutlineLargeIcon from '@mattermost/compass-icons/components/file-word-outline-large';\nimport FileZipOutlineLargeIcon from '@mattermost/compass-icons/components/file-zip-outline-large';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Tag from '@/components/tag/Tag';\nimport styles from './AttachmentCard.module.scss';\n\nexport type AttachmentCardFileType =\n  | 'text'\n  | 'word'\n  | 'excel'\n  | 'powerpoint'\n  | 'pdf'\n  | 'image-icon'\n  | 'image-thumbnail'\n  | 'video'\n  | 'audio'\n  | 'generic'\n  | 'patch'\n  | 'zip'\n  | 'code';\n\nexport type AttachmentCardState = 'default' | 'uploading' | 'uploaded';\n\nexport interface AttachmentCardProps {\n  className?: string;\n  /** File name to display. */\n  fileName: string;\n  /** File type + size string shown below the filename, e.g. \"TXT 15KB\". */\n  fileMeta?: string;\n  /** Controls the icon shown on the left. Default: \"generic\". */\n  fileType?: AttachmentCardFileType;\n  /** Card state. Default: \"default\" (browsing context). */\n  state?: AttachmentCardState;\n  /** Upload progress 0–100. Used when state=\"uploading\". */\n  progress?: number;\n  /** Thumbnail image URL. Used when fileType=\"image-thumbnail\". */\n  thumbnailSrc?: string;\n  /** Optional channel tag label shown below the filename, e.g. \"UX Design\". */\n  channelTag?: string;\n  /** Optional date/time stamp, e.g. \"Sep 24 5:14 PM\". */\n  dateTimeStamp?: string;\n  /** Called when the card is activated to open the file or its preview. */\n  onOpen?: () => void;\n  /** Called when the remove or cancel button is clicked. */\n  onRemove?: () => void;\n  /** Called when the download button is clicked (visible on hover in default state). */\n  onDownload?: () => void;\n  /** Called when the more-options button is clicked (visible on hover in default state). */\n  onMore?: () => void;\n}\n\ntype IconComponent = ComponentType<{ size: number; className?: string }>;\n\nconst FILE_TYPE_ICONS: Record<\n  Exclude<AttachmentCardFileType, 'image-thumbnail'>,\n  IconComponent\n> = {\n  audio: FileAudioOutlineLargeIcon,\n  code: FileCodeOutlineLargeIcon,\n  excel: FileExcelOutlineLargeIcon,\n  generic: FileGenericOutlineLargeIcon,\n  'image-icon': FileImageOutlineLargeIcon,\n  patch: FilePatchOutlineLargeIcon,\n  pdf: FilePdfOutlineLargeIcon,\n  powerpoint: FilePowerpointOutlineLargeIcon,\n  text: FileTextOutlineLargeIcon,\n  video: FileVideoOutlineLargeIcon,\n  word: FileWordOutlineLargeIcon,\n  zip: FileZipOutlineLargeIcon,\n};\n\nconst FILE_TYPE_COLORS: Record<\n  Exclude<AttachmentCardFileType, 'image-thumbnail'>,\n  string | undefined\n> = {\n  audio: 'var(--attachment-blue)',\n  code: undefined,\n  excel: 'var(--attachment-green)',\n  generic: undefined,\n  'image-icon': 'var(--attachment-blue)',\n  patch: undefined,\n  pdf: 'var(--attachment-red)',\n  powerpoint: 'var(--attachment-orange)',\n  text: undefined,\n  video: 'var(--attachment-blue)',\n  word: 'var(--attachment-blue)',\n  zip: undefined,\n};\n\n/**\n * Attachment Cards represent a file shared in a channel, message, or task. Each card shows\n * the file's identity at a glance — type, name, size — and hosts the actions a viewer can\n * take on it.\n */\nexport default function AttachmentCard({\n  className = '',\n  fileName,\n  fileMeta,\n  fileType = 'generic',\n  state = 'default',\n  progress = 0,\n  thumbnailSrc,\n  channelTag,\n  dateTimeStamp,\n  onOpen,\n  onRemove,\n  onDownload,\n  onMore,\n}: AttachmentCardProps) {\n  const isUploading = state === 'uploading';\n  const isUploaded = state === 'uploaded';\n  const isDefault = state === 'default';\n\n  const stateClass = !isDefault ? styles[`attachment-card--${state}`] : '';\n  const rootClass = [styles['attachment-card'], stateClass, className]\n    .filter(Boolean)\n    .join(' ');\n\n  const FileIcon =\n    fileType !== 'image-thumbnail'\n      ? FILE_TYPE_ICONS[fileType]\n      : FileGenericOutlineLargeIcon;\n\n  const iconColor =\n    fileType !== 'image-thumbnail' ? FILE_TYPE_COLORS[fileType] : undefined;\n\n  const fileIdentity = (\n    <>\n      {fileType === 'image-thumbnail' && thumbnailSrc ? (\n        <img\n          src={thumbnailSrc}\n          alt=\"\"\n          className={styles['attachment-card__thumbnail']}\n        />\n      ) : (\n        <div\n          className={styles['attachment-card__icon']}\n          style={iconColor ? { color: iconColor } : undefined}\n        >\n          <Icon glyph={<FileIcon size={40} />} size=\"40\" />\n        </div>\n      )}\n\n      <div className={styles['attachment-card__text']}>\n        <span className={styles['attachment-card__filename']}>{fileName}</span>\n        <div className={styles['attachment-card__secondary-details']}>\n          {isUploading ? (\n            <span className={styles['attachment-card__uploading-text']}>\n              {`Uploading… (${progress}%)`}\n            </span>\n          ) : (\n            <>\n              {channelTag && <Tag label={channelTag} />}\n              {fileMeta && (\n                <div className={styles['attachment-card__details']}>\n                  <span>{fileMeta}</span>\n                  {dateTimeStamp && (\n                    <span className={styles['attachment-card__datetime']}>\n                      <span>{'•'}</span>\n                      <span>{dateTimeStamp}</span>\n                    </span>\n                  )}\n                </div>\n              )}\n            </>\n          )}\n        </div>\n      </div>\n    </>\n  );\n\n  return (\n    <div className={rootClass}>\n      <div className={styles['attachment-card__container']}>\n        <div className={styles['attachment-card__inner']}>\n          {isDefault && onOpen ? (\n            <button\n              type=\"button\"\n              className={`${styles['attachment-card__left']} ${styles['attachment-card__open']}`}\n              onClick={onOpen}\n              aria-label={`Open ${fileName}`}\n            >\n              {fileIdentity}\n            </button>\n          ) : (\n            <div className={styles['attachment-card__left']}>\n              {fileIdentity}\n            </div>\n          )}\n\n          <div className={styles['attachment-card__right']}>\n            <div className={styles['attachment-card__actions']}>\n              {(isUploaded || isUploading) && (\n                <IconButton\n                  size=\"small\"\n                  icon={<Icon glyph={<CloseIcon />} size=\"16\" />}\n                  aria-label={\n                    isUploading ? 'Cancel upload' : 'Remove attachment'\n                  }\n                  onClick={onRemove}\n                />\n              )}\n              {isDefault && (\n                <>\n                  <IconButton\n                    size=\"small\"\n                    icon={<Icon glyph={<DotsVerticalIcon />} size=\"16\" />}\n                    aria-label=\"More options\"\n                    onClick={onMore}\n                  />\n                  <IconButton\n                    size=\"small\"\n                    icon={<Icon glyph={<DownloadOutlineIcon />} size=\"16\" />}\n                    aria-label=\"Download\"\n                    onClick={onDownload}\n                  />\n                </>\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {isUploading && (\n        <div className={styles['attachment-card__progress-bar']}>\n          <div\n            className={styles['attachment-card__progress-fill']}\n            style={{ width: `${Math.min(100, Math.max(0, progress))}%` }}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["FILE_TYPE_ICONS","FileAudioOutlineLargeIcon","FileCodeOutlineLargeIcon","FileExcelOutlineLargeIcon","FileGenericOutlineLargeIcon","FileImageOutlineLargeIcon","FilePatchOutlineLargeIcon","FilePdfOutlineLargeIcon","FilePowerpointOutlineLargeIcon","FileTextOutlineLargeIcon","FileVideoOutlineLargeIcon","FileWordOutlineLargeIcon","FileZipOutlineLargeIcon","FILE_TYPE_COLORS","AttachmentCard","className","fileName","fileMeta","fileType","state","progress","thumbnailSrc","channelTag","dateTimeStamp","onOpen","onRemove","onDownload","onMore","isUploading","isUploaded","isDefault","stateClass","styles","rootClass","FileIcon","iconColor","fileIdentity","jsxs","Fragment","jsx","Icon","Tag","IconButton","CloseIcon","DotsVerticalIcon","DownloadOutlineIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;AAoEA,MAAMA,IAGF;AAAA,EACF,OAAOC;AAAA,EACP,MAAMC;AAAA,EACN,OAAOC;AAAA,EACP,SAASC;AAAA,EACT,cAAcC;AAAA,EACd,OAAOC;AAAA,EACP,KAAKC;AAAA,EACL,YAAYC;AAAA,EACZ,MAAMC;AAAA,EACN,OAAOC;AAAA,EACP,MAAMC;AAAA,EACN,KAAKC;AACP,GAEMC,IAGF;AAAA,EACF,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,cAAc;AAAA,EACd,OAAO;AAAA,EACP,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,KAAK;AACP;AAOA,SAAwBC,GAAe;AAAA,EACrC,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AACF,GAAwB;AACtB,QAAMC,IAAcT,MAAU,aACxBU,IAAaV,MAAU,YACvBW,IAAYX,MAAU,WAEtBY,IAAcD,IAAkD,KAAtCE,EAAO,oBAAoBb,CAAK,EAAE,GAC5Dc,IAAY,CAACD,EAAO,iBAAiB,GAAGD,GAAYhB,CAAS,EAChE,OAAO,OAAO,EACd,KAAK,GAAG,GAELmB,IACJhB,MAAa,oBACTlB,EAAgBkB,CAAQ,IACxBd,GAEA+B,IACJjB,MAAa,oBAAoBL,EAAiBK,CAAQ,IAAI,QAE1DkB,IACJ,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAApB,MAAa,qBAAqBG,IACjC,gBAAAkB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKlB;AAAA,QACL,KAAI;AAAA,QACJ,WAAWW,EAAO,4BAA4B;AAAA,MAAA;AAAA,IAAA,IAGhD,gBAAAO;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWP,EAAO,uBAAuB;AAAA,QACzC,OAAOG,IAAY,EAAE,OAAOA,MAAc;AAAA,QAE1C,UAAA,gBAAAI,EAACC,KAAK,OAAO,gBAAAD,EAACL,KAAS,MAAM,GAAA,CAAI,GAAI,MAAK,KAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAInD,gBAAAG,EAAC,OAAA,EAAI,WAAWL,EAAO,uBAAuB,GAC5C,UAAA;AAAA,MAAA,gBAAAO,EAAC,QAAA,EAAK,WAAWP,EAAO,2BAA2B,GAAI,UAAAhB,GAAS;AAAA,wBAC/D,OAAA,EAAI,WAAWgB,EAAO,oCAAoC,GACxD,UAAAJ,IACC,gBAAAW,EAAC,QAAA,EAAK,WAAWP,EAAO,iCAAiC,GACtD,yBAAeZ,CAAQ,KAAA,CAC1B,IAEA,gBAAAiB,EAAAC,GAAA,EACG,UAAA;AAAA,QAAAhB,KAAc,gBAAAiB,EAACE,GAAA,EAAI,OAAOnB,EAAA,CAAY;AAAA,QACtCL,KACC,gBAAAoB,EAAC,OAAA,EAAI,WAAWL,EAAO,0BAA0B,GAC/C,UAAA;AAAA,UAAA,gBAAAO,EAAC,UAAM,UAAAtB,EAAA,CAAS;AAAA,UACfM,KACC,gBAAAc,EAAC,QAAA,EAAK,WAAWL,EAAO,2BAA2B,GACjD,UAAA;AAAA,YAAA,gBAAAO,EAAC,UAAM,UAAA,IAAA,CAAI;AAAA,YACX,gBAAAA,EAAC,UAAM,UAAAhB,EAAA,CAAc;AAAA,UAAA,EAAA,CACvB;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA,EAAA,CAEJ,EAAA,CAEJ;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAGF,SACE,gBAAAc,EAAC,OAAA,EAAI,WAAWJ,GACd,UAAA;AAAA,IAAA,gBAAAM,EAAC,OAAA,EAAI,WAAWP,EAAO,4BAA4B,GACjD,4BAAC,OAAA,EAAI,WAAWA,EAAO,wBAAwB,GAC5C,UAAA;AAAA,MAAAF,KAAaN,IACZ,gBAAAe;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAW,GAAGP,EAAO,uBAAuB,CAAC,IAAIA,EAAO,uBAAuB,CAAC;AAAA,UAChF,SAASR;AAAA,UACT,cAAY,QAAQR,CAAQ;AAAA,UAE3B,UAAAoB;AAAA,QAAA;AAAA,MAAA,IAGH,gBAAAG,EAAC,OAAA,EAAI,WAAWP,EAAO,uBAAuB,GAC3C,UAAAI,GACH;AAAA,MAGF,gBAAAG,EAAC,OAAA,EAAI,WAAWP,EAAO,wBAAwB,GAC7C,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAWL,EAAO,0BAA0B,GAC7C,UAAA;AAAA,SAAAH,KAAcD,MACd,gBAAAW;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,wBAAOF,GAAA,EAAK,yBAAQG,GAAA,EAAU,GAAI,MAAK,MAAK;AAAA,YAC5C,cACEf,IAAc,kBAAkB;AAAA,YAElC,SAASH;AAAA,UAAA;AAAA,QAAA;AAAA,QAGZK,KACC,gBAAAO,EAAAC,GAAA,EACE,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,wBAAOF,GAAA,EAAK,yBAAQI,GAAA,EAAiB,GAAI,MAAK,MAAK;AAAA,cACnD,cAAW;AAAA,cACX,SAASjB;AAAA,YAAA;AAAA,UAAA;AAAA,UAEX,gBAAAY;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,wBAAOF,GAAA,EAAK,yBAAQK,GAAA,EAAoB,GAAI,MAAK,MAAK;AAAA,cACtD,cAAW;AAAA,cACX,SAASnB;AAAA,YAAA;AAAA,UAAA;AAAA,QACX,EAAA,CACF;AAAA,MAAA,EAAA,CAEJ,EAAA,CACF;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,IAECE,KACC,gBAAAW,EAAC,OAAA,EAAI,WAAWP,EAAO,+BAA+B,GACpD,UAAA,gBAAAO;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWP,EAAO,gCAAgC;AAAA,QAClD,OAAO,EAAE,OAAO,GAAG,KAAK,IAAI,KAAK,KAAK,IAAI,GAAGZ,CAAQ,CAAC,CAAC,IAAA;AAAA,MAAI;AAAA,IAAA,EAC7D,CACF;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/attachment-card/AttachmentCard.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./AttachmentCard.css');const t={"attachment-card":"_attachment-card_ffd4i_2","attachment-card__inner":"_attachment-card__inner_ffd4i_21","attachment-card__container":"_attachment-card__container_ffd4i_24","attachment-card__left":"_attachment-card__left_ffd4i_37","attachment-card__open":"_attachment-card__open_ffd4i_45","attachment-card__icon":"_attachment-card__icon_ffd4i_64","attachment-card__thumbnail":"_attachment-card__thumbnail_ffd4i_70","attachment-card__text":"_attachment-card__text_ffd4i_79","attachment-card__filename":"_attachment-card__filename_ffd4i_86","attachment-card__secondary-details":"_attachment-card__secondary-details_ffd4i_100","attachment-card__details":"_attachment-card__details_ffd4i_108","attachment-card__datetime":"_attachment-card__datetime_ffd4i_121","attachment-card__uploading-text":"_attachment-card__uploading-text_ffd4i_132","attachment-card__right":"_attachment-card__right_ffd4i_141","attachment-card__actions":"_attachment-card__actions_ffd4i_148","attachment-card__progress-bar":"_attachment-card__progress-bar_ffd4i_162","attachment-card__progress-fill":"_attachment-card__progress-fill_ffd4i_169","attachment-card--uploading":"_attachment-card--uploading_ffd4i_174","attachment-card--uploaded":"_attachment-card--uploaded_ffd4i_187"};exports.default=t;
+//# sourceMappingURL=AttachmentCard.module.scss.cjs.map

package/dist/components/attachment-card/AttachmentCard.module.scss.cjs.map

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

package/dist/components/attachment-card/AttachmentCard.module.scss.js

@@ -0,0 +1,25 @@
+import './AttachmentCard.css';const t = {
+  "attachment-card": "_attachment-card_ffd4i_2",
+  "attachment-card__inner": "_attachment-card__inner_ffd4i_21",
+  "attachment-card__container": "_attachment-card__container_ffd4i_24",
+  "attachment-card__left": "_attachment-card__left_ffd4i_37",
+  "attachment-card__open": "_attachment-card__open_ffd4i_45",
+  "attachment-card__icon": "_attachment-card__icon_ffd4i_64",
+  "attachment-card__thumbnail": "_attachment-card__thumbnail_ffd4i_70",
+  "attachment-card__text": "_attachment-card__text_ffd4i_79",
+  "attachment-card__filename": "_attachment-card__filename_ffd4i_86",
+  "attachment-card__secondary-details": "_attachment-card__secondary-details_ffd4i_100",
+  "attachment-card__details": "_attachment-card__details_ffd4i_108",
+  "attachment-card__datetime": "_attachment-card__datetime_ffd4i_121",
+  "attachment-card__uploading-text": "_attachment-card__uploading-text_ffd4i_132",
+  "attachment-card__right": "_attachment-card__right_ffd4i_141",
+  "attachment-card__actions": "_attachment-card__actions_ffd4i_148",
+  "attachment-card__progress-bar": "_attachment-card__progress-bar_ffd4i_162",
+  "attachment-card__progress-fill": "_attachment-card__progress-fill_ffd4i_169",
+  "attachment-card--uploading": "_attachment-card--uploading_ffd4i_174",
+  "attachment-card--uploaded": "_attachment-card--uploaded_ffd4i_187"
+};
+export {
+  t as default
+};
+//# sourceMappingURL=AttachmentCard.module.scss.js.map

package/dist/components/attachment-card/AttachmentCard.module.scss.js.map

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

package/dist/components/attachment-card/index.cjs

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

package/dist/components/attachment-card/index.cjs.map

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

package/dist/components/attachment-card/index.d.ts.map

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

package/dist/components/attachment-card/index.js

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

package/dist/components/attachment-card/index.js.map

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

package/dist/components/button/Button.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),o=require("react"),d=require("../icon/Icon.cjs"),I=require("../spinner/Spinner.cjs"),b=require("../../utils/string.cjs"),e=require("./Button.module.scss.cjs"),P={"x-small":"12",small:"12",medium:"16",large:"20"},f=o.forwardRef(function({appearance:l="default",className:m="",destructive:p=!1,emphasis:a="primary",children:v,leadingIcon:u,loading:s=!1,size:i="medium",trailingIcon:r,disabled:_,type:x="button",...j},h){const n=P[i],C=e.default[`button--emphasis-${b.toKebab(a)}`],S=e.default[`button--size-${b.toKebab(i)}`],q=l==="inverted"?e.default["button--appearance-inverted"]:"",N=p?e.default["button--destructive"]:"",z=[e.default.button,C,S,q,N,m].filter(Boolean).join(" "),c=a!=="link",B=s||c&&o.isValidElement(u);return t.jsxs("button",{ref:h,className:z,type:x,disabled:_||s,...j,children:[B?t.jsx("span",{className:e.default["button__icon-slot"],"aria-hidden":!0,children:s?t.jsx(I.default,{size:n,inverted:l==="inverted"}):t.jsx(d.IconSlotContext.Provider,{value:{size:n},children:u})}):null,t.jsx("span",{className:e.default.button__label,children:v}),c&&!s&&o.isValidElement(r)?t.jsx("span",{className:e.default["button__icon-slot"],"aria-hidden":!0,children:t.jsx(d.IconSlotContext.Provider,{value:{size:n},children:r})}):null]})});f.displayName="Button";exports.default=f;
+//# sourceMappingURL=Button.cjs.map