@mattermost/compass-ui 0.1.0-alpha.2 → 0.1.0-alpha.4

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/app-bar-item/AppBarItem.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),a=require("./AppBarItem.module.scss.cjs");function d({icon:s,label:r,state:u="default",mentionBadge:e,unreadBadge:i=!1,onClick:n,className:p=""}){const t=u==="selected",c=[a.default["app-bar-item"],t?a.default["app-bar-item--selected"]:"",p].filter(Boolean).join(" ");return l.jsxs("button",{type:"button",className:c,"aria-label":r,"aria-pressed":t,onClick:n,children:[l.jsx("span",{className:a.default["app-bar-item__icon"],children:s}),e!=null&&e>0&&l.jsx("span",{className:a.default["app-bar-item__mention-badge"],"aria-label":`${e} mentions`,children:e}),i&&e==null&&l.jsx("span",{className:a.default["app-bar-item__unread-badge"],"aria-label":"Unread"})]})}exports.default=d;
+//# sourceMappingURL=AppBarItem.cjs.map

package/dist/components/app-bar-item/AppBarItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppBarItem.cjs","sources":["../../../src/components/app-bar-item/AppBarItem.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport styles from './AppBarItem.module.scss';\n\nexport type AppBarItemState = 'default' | 'selected';\n\nexport interface AppBarItemProps {\n  /** Icon element (image or SVG) representing the app. */\n  icon: ReactNode;\n  /** Accessible label for the app item. */\n  label: string;\n  /** Interaction state. Default: Default. */\n  state?: AppBarItemState;\n  /** When true, shows a mention count badge. */\n  mentionBadge?: number;\n  /** When true, shows an unread dot badge. */\n  unreadBadge?: boolean;\n  /** Click handler. */\n  onClick?: () => void;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\n/**\n * The App Bar Item is a circular icon that anchors a third-party app or plugin in the\n * right-side App Bar. Each item is a single tap-target with optional selection styling and\n * notification badges.\n */\nexport default function AppBarItem({\n  icon,\n  label,\n  state = 'default',\n  mentionBadge,\n  unreadBadge = false,\n  onClick,\n  className = '',\n}: AppBarItemProps) {\n  const isSelected = state === 'selected';\n\n  const rootClass = [\n    styles['app-bar-item'],\n    isSelected ? styles['app-bar-item--selected'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <button\n      type=\"button\"\n      className={rootClass}\n      aria-label={label}\n      aria-pressed={isSelected}\n      onClick={onClick}\n    >\n      <span className={styles['app-bar-item__icon']}>{icon}</span>\n\n      {mentionBadge != null && mentionBadge > 0 && (\n        <span\n          className={styles['app-bar-item__mention-badge']}\n          aria-label={`${mentionBadge} mentions`}\n        >\n          {mentionBadge}\n        </span>\n      )}\n\n      {unreadBadge && mentionBadge == null && (\n        <span\n          className={styles['app-bar-item__unread-badge']}\n          aria-label=\"Unread\"\n        />\n      )}\n    </button>\n  );\n}\n"],"names":["AppBarItem","icon","label","state","mentionBadge","unreadBadge","onClick","className","isSelected","rootClass","styles","jsxs","jsx"],"mappings":"2LA2BA,SAAwBA,EAAW,CACjC,KAAAC,EACA,MAAAC,EACA,MAAAC,EAAQ,UACR,aAAAC,EACA,YAAAC,EAAc,GACd,QAAAC,EACA,UAAAC,EAAY,EACd,EAAoB,CAClB,MAAMC,EAAaL,IAAU,WAEvBM,EAAY,CAChBC,EAAAA,QAAO,cAAc,EACrBF,EAAaE,EAAAA,QAAO,wBAAwB,EAAI,GAChDH,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEI,EAAAA,KAAC,SAAA,CACC,KAAK,SACL,UAAWF,EACX,aAAYP,EACZ,eAAcM,EACd,QAAAF,EAEA,SAAA,CAAAM,MAAC,OAAA,CAAK,UAAWF,EAAAA,QAAO,oBAAoB,EAAI,SAAAT,EAAK,EAEpDG,GAAgB,MAAQA,EAAe,GACtCQ,EAAAA,IAAC,OAAA,CACC,UAAWF,EAAAA,QAAO,6BAA6B,EAC/C,aAAY,GAAGN,CAAY,YAE1B,SAAAA,CAAA,CAAA,EAIJC,GAAeD,GAAgB,MAC9BQ,EAAAA,IAAC,OAAA,CACC,UAAWF,EAAAA,QAAO,4BAA4B,EAC9C,aAAW,QAAA,CAAA,CACb,CAAA,CAAA,CAIR"}

package/dist/components/app-bar-item/AppBarItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppBarItem.d.ts","sourceRoot":"","sources":["../../../src/components/app-bar-item/AppBarItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,UAAU,CAAC;AAErD,MAAM,WAAW,eAAe;IAC9B,wDAAwD;IACxD,IAAI,EAAE,SAAS,CAAC;IAChB,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,KAAK,EACL,KAAiB,EACjB,YAAY,EACZ,WAAmB,EACnB,OAAO,EACP,SAAc,GACf,EAAE,eAAe,2CAsCjB"}

package/dist/components/app-bar-item/AppBarItem.js

@@ -0,0 +1,49 @@
+import { jsxs as b, jsx as s } from "react/jsx-runtime";
+import e from "./AppBarItem.module.scss.js";
+function u({
+  icon: r,
+  label: t,
+  state: p = "default",
+  mentionBadge: a,
+  unreadBadge: i = !1,
+  onClick: n,
+  className: c = ""
+}) {
+  const l = p === "selected", o = [
+    e["app-bar-item"],
+    l ? e["app-bar-item--selected"] : "",
+    c
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ b(
+    "button",
+    {
+      type: "button",
+      className: o,
+      "aria-label": t,
+      "aria-pressed": l,
+      onClick: n,
+      children: [
+        /* @__PURE__ */ s("span", { className: e["app-bar-item__icon"], children: r }),
+        a != null && a > 0 && /* @__PURE__ */ s(
+          "span",
+          {
+            className: e["app-bar-item__mention-badge"],
+            "aria-label": `${a} mentions`,
+            children: a
+          }
+        ),
+        i && a == null && /* @__PURE__ */ s(
+          "span",
+          {
+            className: e["app-bar-item__unread-badge"],
+            "aria-label": "Unread"
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  u as default
+};
+//# sourceMappingURL=AppBarItem.js.map

package/dist/components/app-bar-item/AppBarItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppBarItem.js","sources":["../../../src/components/app-bar-item/AppBarItem.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport styles from './AppBarItem.module.scss';\n\nexport type AppBarItemState = 'default' | 'selected';\n\nexport interface AppBarItemProps {\n  /** Icon element (image or SVG) representing the app. */\n  icon: ReactNode;\n  /** Accessible label for the app item. */\n  label: string;\n  /** Interaction state. Default: Default. */\n  state?: AppBarItemState;\n  /** When true, shows a mention count badge. */\n  mentionBadge?: number;\n  /** When true, shows an unread dot badge. */\n  unreadBadge?: boolean;\n  /** Click handler. */\n  onClick?: () => void;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\n/**\n * The App Bar Item is a circular icon that anchors a third-party app or plugin in the\n * right-side App Bar. Each item is a single tap-target with optional selection styling and\n * notification badges.\n */\nexport default function AppBarItem({\n  icon,\n  label,\n  state = 'default',\n  mentionBadge,\n  unreadBadge = false,\n  onClick,\n  className = '',\n}: AppBarItemProps) {\n  const isSelected = state === 'selected';\n\n  const rootClass = [\n    styles['app-bar-item'],\n    isSelected ? styles['app-bar-item--selected'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <button\n      type=\"button\"\n      className={rootClass}\n      aria-label={label}\n      aria-pressed={isSelected}\n      onClick={onClick}\n    >\n      <span className={styles['app-bar-item__icon']}>{icon}</span>\n\n      {mentionBadge != null && mentionBadge > 0 && (\n        <span\n          className={styles['app-bar-item__mention-badge']}\n          aria-label={`${mentionBadge} mentions`}\n        >\n          {mentionBadge}\n        </span>\n      )}\n\n      {unreadBadge && mentionBadge == null && (\n        <span\n          className={styles['app-bar-item__unread-badge']}\n          aria-label=\"Unread\"\n        />\n      )}\n    </button>\n  );\n}\n"],"names":["AppBarItem","icon","label","state","mentionBadge","unreadBadge","onClick","className","isSelected","rootClass","styles","jsxs","jsx"],"mappings":";;AA2BA,SAAwBA,EAAW;AAAA,EACjC,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,cAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,SAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAAoB;AAClB,QAAMC,IAAaL,MAAU,YAEvBM,IAAY;AAAA,IAChBC,EAAO,cAAc;AAAA,IACrBF,IAAaE,EAAO,wBAAwB,IAAI;AAAA,IAChDH;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAWF;AAAA,MACX,cAAYP;AAAA,MACZ,gBAAcM;AAAA,MACd,SAAAF;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAM,EAAC,QAAA,EAAK,WAAWF,EAAO,oBAAoB,GAAI,UAAAT,GAAK;AAAA,QAEpDG,KAAgB,QAAQA,IAAe,KACtC,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWF,EAAO,6BAA6B;AAAA,YAC/C,cAAY,GAAGN,CAAY;AAAA,YAE1B,UAAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAIJC,KAAeD,KAAgB,QAC9B,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWF,EAAO,4BAA4B;AAAA,YAC9C,cAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MACb;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/components/app-bar-item/AppBarItem.module.css

@@ -0,0 +1 @@
+._app-bar-item_g2euh_2{position:relative;display:inline-flex;align-items:flex-start;border-radius:var(--radius-l);background:transparent;border:none;cursor:pointer;padding:0;transition:opacity var(--duration-quick) var(--ease-transition)}._app-bar-item_g2euh_2:hover{opacity:.88}._app-bar-item_g2euh_2:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sidebar-bg),0 0 0 4px var(--sidebar-text-active-border)}._app-bar-item__icon_g2euh_20{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:24px;flex-shrink:0}._app-bar-item__icon_g2euh_20 img,._app-bar-item__icon_g2euh_20 svg{display:block;width:var(--icon-size-24);height:var(--icon-size-24)}._app-bar-item__mention-badge_g2euh_34{position:absolute;top:-2px;right:-7px;display:flex;align-items:center;justify-content:center;padding:.5px var(--spacing-xxs);background-color:var(--sidebar-text-active-border);border:2px solid var(--sidebar-header-bg);border-radius:var(--radius-m);font-size:var(--font-size-25);font-weight:var(--font-weight-semibold);line-height:11px;color:var(--color-neutral-0);white-space:nowrap}._app-bar-item__unread-badge_g2euh_51{position:absolute;top:0;right:0;width:8px;height:8px;border-radius:var(--radius-full);background-color:var(--sidebar-text-active-border);border:2px solid var(--sidebar-header-bg)}._app-bar-item--selected_g2euh_61:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:16px;border-radius:0 2px 2px 0;background-color:var(--sidebar-text-active-border)}

package/dist/components/app-bar-item/AppBarItem.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./AppBarItem.module.css');const e={"app-bar-item":"_app-bar-item_g2euh_2","app-bar-item__icon":"_app-bar-item__icon_g2euh_20","app-bar-item__mention-badge":"_app-bar-item__mention-badge_g2euh_34","app-bar-item__unread-badge":"_app-bar-item__unread-badge_g2euh_51","app-bar-item--selected":"_app-bar-item--selected_g2euh_61"};exports.default=e;
+//# sourceMappingURL=AppBarItem.module.scss.cjs.map

package/dist/components/app-bar-item/AppBarItem.module.scss.cjs.map

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

package/dist/components/app-bar-item/AppBarItem.module.scss.js

@@ -0,0 +1,11 @@
+import './AppBarItem.module.css';const e = {
+  "app-bar-item": "_app-bar-item_g2euh_2",
+  "app-bar-item__icon": "_app-bar-item__icon_g2euh_20",
+  "app-bar-item__mention-badge": "_app-bar-item__mention-badge_g2euh_34",
+  "app-bar-item__unread-badge": "_app-bar-item__unread-badge_g2euh_51",
+  "app-bar-item--selected": "_app-bar-item--selected_g2euh_61"
+};
+export {
+  e as default
+};
+//# sourceMappingURL=AppBarItem.module.scss.js.map

package/dist/components/app-bar-item/AppBarItem.module.scss.js.map

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

package/dist/components/app-bar-item/index.cjs

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

package/dist/components/app-bar-item/index.cjs.map

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

package/dist/components/app-bar-item/index.d.ts.map

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

package/dist/components/app-bar-item/index.js

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

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

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,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,QAAQ,EACR,UAAU,EACV,MAAM,GACP,EAAE,mBAAmB,2CA4GrB"}

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

@@ -0,0 +1,139 @@
+import { jsxs as t, jsx as a, Fragment as u } from "react/jsx-runtime";
+import __C from "@mattermost/compass-icons/components/close.js";const C=__C&&__C.default?__C.default:__C;
+import __z from "@mattermost/compass-icons/components/dots-vertical.js";const z=__z&&__z.default?__z.default:__z;
+import __w from "@mattermost/compass-icons/components/download-outline.js";const w=__w&&__w.default?__w.default:__w;
+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 __y from "@mattermost/compass-icons/components/file-excel-outline-large.js";const y=__y&&__y.default?__y.default:__y;
+import ___ from "@mattermost/compass-icons/components/file-generic-outline-large.js";const _=___&&___.default?___.default:___;
+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 __k from "@mattermost/compass-icons/components/file-pdf-outline-large.js";const k=__k&&__k.default?__k.default:__k;
+import __U from "@mattermost/compass-icons/components/file-powerpoint-outline-large.js";const U=__U&&__U.default?__U.default:__U;
+import __$ from "@mattermost/compass-icons/components/file-text-outline-large.js";const $=__$&&__$.default?__$.default:__$;
+import __A from "@mattermost/compass-icons/components/file-video-outline-large.js";const A=__A&&__A.default?__A.default:__A;
+import __B from "@mattermost/compass-icons/components/file-word-outline-large.js";const B=__B&&__B.default?__B.default:__B;
+import __M from "@mattermost/compass-icons/components/file-zip-outline-large.js";const M=__M&&__M.default?__M.default:__M;
+import n from "../icon/Icon.js";
+import r from "../icon-button/IconButton.js";
+import R from "../tag/Tag.js";
+import e from "./AttachmentCard.module.scss.js";
+const V = {
+  audio: E,
+  code: P,
+  excel: y,
+  generic: _,
+  "image-icon": D,
+  patch: j,
+  pdf: k,
+  powerpoint: U,
+  text: $,
+  video: A,
+  word: B,
+  zip: M
+}, Y = {
+  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 ma({
+  className: v = "",
+  fileName: f,
+  fileMeta: l,
+  fileType: i = "generic",
+  state: o = "default",
+  progress: m = 0,
+  thumbnailSrc: d,
+  channelTag: s,
+  dateTimeStamp: h,
+  onRemove: I,
+  onDownload: N,
+  onMore: F
+}) {
+  const c = o === "uploading", O = o === "uploaded", p = o === "default", L = p ? "" : e[`attachment-card--${o}`], b = [e["attachment-card"], L, v].filter(Boolean).join(" "), x = i !== "image-thumbnail" ? V[i] : _, g = i !== "image-thumbnail" ? Y[i] : void 0;
+  return /* @__PURE__ */ t("div", { className: b, children: [
+    /* @__PURE__ */ a("div", { className: e["attachment-card__container"], children: /* @__PURE__ */ t("div", { className: e["attachment-card__inner"], children: [
+      /* @__PURE__ */ t("div", { className: e["attachment-card__left"], children: [
+        i === "image-thumbnail" && d ? /* @__PURE__ */ a(
+          "img",
+          {
+            src: d,
+            alt: "",
+            className: e["attachment-card__thumbnail"]
+          }
+        ) : /* @__PURE__ */ a(
+          "div",
+          {
+            className: e["attachment-card__icon"],
+            style: g ? { color: g } : void 0,
+            children: /* @__PURE__ */ a(n, { glyph: /* @__PURE__ */ a(x, { size: 40 }), size: "40" })
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: e["attachment-card__text"], children: [
+          /* @__PURE__ */ a("p", { className: e["attachment-card__filename"], children: f }),
+          /* @__PURE__ */ a("div", { className: e["attachment-card__secondary-details"], children: c ? /* @__PURE__ */ a("span", { className: e["attachment-card__uploading-text"], children: `Uploading… (${m}%)` }) : /* @__PURE__ */ t(u, { children: [
+            s && /* @__PURE__ */ a(R, { label: s }),
+            l && /* @__PURE__ */ t("div", { className: e["attachment-card__details"], children: [
+              /* @__PURE__ */ a("span", { children: l }),
+              h && /* @__PURE__ */ t("span", { className: e["attachment-card__datetime"], children: [
+                /* @__PURE__ */ a("span", { children: "•" }),
+                /* @__PURE__ */ a("span", { children: h })
+              ] })
+            ] })
+          ] }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ a("div", { className: e["attachment-card__right"], children: /* @__PURE__ */ t("div", { className: e["attachment-card__actions"], children: [
+        (O || c) && /* @__PURE__ */ a(
+          r,
+          {
+            size: "small",
+            icon: /* @__PURE__ */ a(n, { glyph: /* @__PURE__ */ a(C, {}), size: "16" }),
+            "aria-label": c ? "Cancel upload" : "Remove attachment",
+            onClick: I
+          }
+        ),
+        p && /* @__PURE__ */ t(u, { children: [
+          /* @__PURE__ */ a(
+            r,
+            {
+              size: "small",
+              icon: /* @__PURE__ */ a(n, { glyph: /* @__PURE__ */ a(z, {}), size: "16" }),
+              "aria-label": "More options",
+              onClick: F
+            }
+          ),
+          /* @__PURE__ */ a(
+            r,
+            {
+              size: "small",
+              icon: /* @__PURE__ */ a(n, { glyph: /* @__PURE__ */ a(w, {}), size: "16" }),
+              "aria-label": "Download",
+              onClick: N
+            }
+          )
+        ] })
+      ] }) })
+    ] }) }),
+    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, m))}%` }
+      }
+    ) })
+  ] });
+}
+export {
+  ma 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 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  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  return (\n    <div className={rootClass}>\n      <div className={styles['attachment-card__container']}>\n        <div className={styles['attachment-card__inner']}>\n          <div className={styles['attachment-card__left']}>\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              <p className={styles['attachment-card__filename']}>{fileName}</p>\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          </div>\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","onRemove","onDownload","onMore","isUploading","isUploaded","isDefault","stateClass","styles","rootClass","FileIcon","iconColor","jsxs","jsx","Icon","Fragment","Tag","IconButton","CloseIcon","DotsVerticalIcon","DownloadOutlineIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;AAkEA,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,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AACF,GAAwB;AACtB,QAAMC,IAAcR,MAAU,aACxBS,IAAaT,MAAU,YACvBU,IAAYV,MAAU,WAEtBW,IAAcD,IAAkD,KAAtCE,EAAO,oBAAoBZ,CAAK,EAAE,GAC5Da,IAAY,CAACD,EAAO,iBAAiB,GAAGD,GAAYf,CAAS,EAChE,OAAO,OAAO,EACd,KAAK,GAAG,GAELkB,IACJf,MAAa,oBACTlB,EAAgBkB,CAAQ,IACxBd,GAEA8B,IACJhB,MAAa,oBAAoBL,EAAiBK,CAAQ,IAAI;AAEhE,SACE,gBAAAiB,EAAC,OAAA,EAAI,WAAWH,GACd,UAAA;AAAA,IAAA,gBAAAI,EAAC,OAAA,EAAI,WAAWL,EAAO,4BAA4B,GACjD,4BAAC,OAAA,EAAI,WAAWA,EAAO,wBAAwB,GAC7C,UAAA;AAAA,MAAA,gBAAAI,EAAC,OAAA,EAAI,WAAWJ,EAAO,uBAAuB,GAC3C,UAAA;AAAA,QAAAb,MAAa,qBAAqBG,IACjC,gBAAAe;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKf;AAAA,YACL,KAAI;AAAA,YACJ,WAAWU,EAAO,4BAA4B;AAAA,UAAA;AAAA,QAAA,IAGhD,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWL,EAAO,uBAAuB;AAAA,YACzC,OAAOG,IAAY,EAAE,OAAOA,MAAc;AAAA,YAE1C,UAAA,gBAAAE,EAACC,KAAK,OAAO,gBAAAD,EAACH,KAAS,MAAM,GAAA,CAAI,GAAI,MAAK,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAInD,gBAAAE,EAAC,OAAA,EAAI,WAAWJ,EAAO,uBAAuB,GAC5C,UAAA;AAAA,UAAA,gBAAAK,EAAC,KAAA,EAAE,WAAWL,EAAO,2BAA2B,GAAI,UAAAf,GAAS;AAAA,4BAC5D,OAAA,EAAI,WAAWe,EAAO,oCAAoC,GACxD,UAAAJ,IACC,gBAAAS,EAAC,QAAA,EAAK,WAAWL,EAAO,iCAAiC,GACtD,yBAAeX,CAAQ,KAAA,CAC1B,IAEA,gBAAAe,EAAAG,GAAA,EACG,UAAA;AAAA,YAAAhB,KAAc,gBAAAc,EAACG,GAAA,EAAI,OAAOjB,EAAA,CAAY;AAAA,YACtCL,KACC,gBAAAkB,EAAC,OAAA,EAAI,WAAWJ,EAAO,0BAA0B,GAC/C,UAAA;AAAA,cAAA,gBAAAK,EAAC,UAAM,UAAAnB,EAAA,CAAS;AAAA,cACfM,KACC,gBAAAY,EAAC,QAAA,EAAK,WAAWJ,EAAO,2BAA2B,GACjD,UAAA;AAAA,gBAAA,gBAAAK,EAAC,UAAM,UAAA,IAAA,CAAI;AAAA,gBACX,gBAAAA,EAAC,UAAM,UAAAb,EAAA,CAAc;AAAA,cAAA,EAAA,CACvB;AAAA,YAAA,EAAA,CAEJ;AAAA,UAAA,EAAA,CAEJ,EAAA,CAEJ;AAAA,QAAA,EAAA,CACF;AAAA,MAAA,GACF;AAAA,MAEA,gBAAAa,EAAC,OAAA,EAAI,WAAWL,EAAO,wBAAwB,GAC7C,UAAA,gBAAAI,EAAC,OAAA,EAAI,WAAWJ,EAAO,0BAA0B,GAC7C,UAAA;AAAA,SAAAH,KAAcD,MACd,gBAAAS;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,wBAAOH,GAAA,EAAK,yBAAQI,GAAA,EAAU,GAAI,MAAK,MAAK;AAAA,YAC5C,cACEd,IAAc,kBAAkB;AAAA,YAElC,SAASH;AAAA,UAAA;AAAA,QAAA;AAAA,QAGZK,KACC,gBAAAM,EAAAG,GAAA,EACE,UAAA;AAAA,UAAA,gBAAAF;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,wBAAOH,GAAA,EAAK,yBAAQK,GAAA,EAAiB,GAAI,MAAK,MAAK;AAAA,cACnD,cAAW;AAAA,cACX,SAAShB;AAAA,YAAA;AAAA,UAAA;AAAA,UAEX,gBAAAU;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,wBAAOH,GAAA,EAAK,yBAAQM,GAAA,EAAoB,GAAI,MAAK,MAAK;AAAA,cACtD,cAAW;AAAA,cACX,SAASlB;AAAA,YAAA;AAAA,UAAA;AAAA,QACX,EAAA,CACF;AAAA,MAAA,EAAA,CAEJ,EAAA,CACF;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,IAECE,KACC,gBAAAS,EAAC,OAAA,EAAI,WAAWL,EAAO,+BAA+B,GACpD,UAAA,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWL,EAAO,gCAAgC;AAAA,QAClD,OAAO,EAAE,OAAO,GAAG,KAAK,IAAI,KAAK,KAAK,IAAI,GAAGX,CAAQ,CAAC,CAAC,IAAA;AAAA,MAAI;AAAA,IAAA,EAC7D,CACF;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -0,0 +1 @@
+._attachment-card_86bu7_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_86bu7_2:hover{box-shadow:var(--elevation-2);border-color:rgba(var(--center-channel-color-rgb),.24);cursor:pointer}._attachment-card__container_86bu7_18{display:flex;flex-direction:column;padding:var(--spacing-xxs);width:100%}._attachment-card__inner_86bu7_24{display:flex;align-items:stretch;overflow:hidden;border-radius:var(--radius-s);width:100%}._attachment-card__left_86bu7_31{display:flex;flex:1 0 0;gap:var(--spacing-m);align-items:center;min-width:0;padding:var(--spacing-xxs)}._attachment-card__icon_86bu7_39{display:flex;align-items:center;flex-shrink:0;color:rgba(var(--center-channel-color-rgb),.64)}._attachment-card__thumbnail_86bu7_45{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_86bu7_54{display:flex;flex-direction:column;flex:1 0 0;min-width:0;overflow:hidden}._attachment-card__filename_86bu7_61{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_86bu7_74{display:flex;align-items:flex-start;gap:var(--spacing-xxxs);width:100%;flex-shrink:0;overflow:hidden}._attachment-card__details_86bu7_82{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_86bu7_95{display:flex;gap:var(--spacing-xxxs);align-items:flex-start;flex-shrink:0;overflow:hidden}._attachment-card__datetime_86bu7_95 span:last-child{overflow:hidden;text-overflow:ellipsis}._attachment-card__uploading-text_86bu7_106{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_86bu7_115{display:flex;align-items:stretch;justify-content:flex-end;flex-shrink:0;align-self:stretch}._attachment-card__actions_86bu7_122{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_86bu7_2:hover ._attachment-card__actions_86bu7_122{opacity:1;pointer-events:auto}._attachment-card__progress-bar_86bu7_136{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_86bu7_143{height:100%;background-color:var(--button-bg);border-radius:var(--radius-xs)}._attachment-card--uploading_86bu7_148,._attachment-card--uploading_86bu7_148:hover{box-shadow:none}._attachment-card--uploading_86bu7_148 ._attachment-card__container_86bu7_18{padding-bottom:var(--spacing-xxxxs)}._attachment-card--uploading_86bu7_148 ._attachment-card__actions_86bu7_122,._attachment-card--uploaded_86bu7_161 ._attachment-card__actions_86bu7_122{opacity:1;pointer-events:auto}

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.module.css');const t={"attachment-card":"_attachment-card_86bu7_2","attachment-card__container":"_attachment-card__container_86bu7_18","attachment-card__inner":"_attachment-card__inner_86bu7_24","attachment-card__left":"_attachment-card__left_86bu7_31","attachment-card__icon":"_attachment-card__icon_86bu7_39","attachment-card__thumbnail":"_attachment-card__thumbnail_86bu7_45","attachment-card__text":"_attachment-card__text_86bu7_54","attachment-card__filename":"_attachment-card__filename_86bu7_61","attachment-card__secondary-details":"_attachment-card__secondary-details_86bu7_74","attachment-card__details":"_attachment-card__details_86bu7_82","attachment-card__datetime":"_attachment-card__datetime_86bu7_95","attachment-card__uploading-text":"_attachment-card__uploading-text_86bu7_106","attachment-card__right":"_attachment-card__right_86bu7_115","attachment-card__actions":"_attachment-card__actions_86bu7_122","attachment-card__progress-bar":"_attachment-card__progress-bar_86bu7_136","attachment-card__progress-fill":"_attachment-card__progress-fill_86bu7_143","attachment-card--uploading":"_attachment-card--uploading_86bu7_148","attachment-card--uploaded":"_attachment-card--uploaded_86bu7_161"};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,24 @@
+import './AttachmentCard.module.css';const t = {
+  "attachment-card": "_attachment-card_86bu7_2",
+  "attachment-card__container": "_attachment-card__container_86bu7_18",
+  "attachment-card__inner": "_attachment-card__inner_86bu7_24",
+  "attachment-card__left": "_attachment-card__left_86bu7_31",
+  "attachment-card__icon": "_attachment-card__icon_86bu7_39",
+  "attachment-card__thumbnail": "_attachment-card__thumbnail_86bu7_45",
+  "attachment-card__text": "_attachment-card__text_86bu7_54",
+  "attachment-card__filename": "_attachment-card__filename_86bu7_61",
+  "attachment-card__secondary-details": "_attachment-card__secondary-details_86bu7_74",
+  "attachment-card__details": "_attachment-card__details_86bu7_82",
+  "attachment-card__datetime": "_attachment-card__datetime_86bu7_95",
+  "attachment-card__uploading-text": "_attachment-card__uploading-text_86bu7_106",
+  "attachment-card__right": "_attachment-card__right_86bu7_115",
+  "attachment-card__actions": "_attachment-card__actions_86bu7_122",
+  "attachment-card__progress-bar": "_attachment-card__progress-bar_86bu7_136",
+  "attachment-card__progress-fill": "_attachment-card__progress-fill_86bu7_143",
+  "attachment-card--uploading": "_attachment-card--uploading_86bu7_148",
+  "attachment-card--uploaded": "_attachment-card--uploaded_86bu7_161"
+};
+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"),n=require("../icon/Icon.cjs"),o=require("../../utils/string.cjs"),e=require("./Button.module.scss.cjs"),C={"x-small":"12",small:"16",medium:"16",large:"20"};function N({appearance:r="default",className:i="",destructive:d=!1,emphasis:c="primary",children:b,leadingIcon:s,size:l="medium",trailingIcon:a,disabled:f,type:m="button",...p}){const u=C[l],_=e.default[`button--emphasis-${o.toKebab(c)}`],j=e.default[`button--size-${o.toKebab(l)}`],x=r==="inverted"?e.default["button--appearance-inverted"]:"",h=d?e.default["button--destructive"]:"",v=[e.default.button,_,j,x,h,i].filter(Boolean).join(" ");return t.jsxs("button",{className:v,type:m,disabled:f,...p,children:[s!=null?t.jsx("span",{className:e.default["button__icon-slot"],"aria-hidden":!0,children:typeof s=="boolean"?t.jsx(n.default,{size:u}):s}):null,t.jsx("span",{className:e.default.button__label,children:b}),a!=null?t.jsx("span",{className:e.default["button__icon-slot"],"aria-hidden":!0,children:typeof a=="boolean"?t.jsx(n.default,{size:u}):a}):null]})}exports.default=N;
+//# sourceMappingURL=Button.cjs.map

package/dist/components/button/Button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.cjs","sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from 'react';\nimport Icon from '@/components/icon/Icon';\nimport type { IconSize } from '@/components/icon/Icon';\nimport { toKebab } from '@/utils/string';\nimport styles from './Button.module.scss';\n\nexport type ButtonEmphasis =\n  | 'primary'\n  | 'secondary'\n  | 'tertiary'\n  | 'quaternary';\n\nexport type ButtonSize = 'x-small' | 'small' | 'medium' | 'large';\n\nexport type ButtonAppearance = 'default' | 'inverted';\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** default | inverted (for use on dark backgrounds). Maps to Figma \"Style\". */\n  appearance?: ButtonAppearance;\n  /** Optional CSS class name. */\n  className?: string;\n  /** Button label. */\n  children: React.ReactNode;\n  /** When true, uses destructive (danger) styling. */\n  destructive?: boolean;\n  /** Visual emphasis. Default: primary. */\n  emphasis?: ButtonEmphasis;\n  /** Leading icon (e.g. <Icon glyph={<SomeIcon />} size=\"16\" />). Icon size should match button size. */\n  leadingIcon?: ReactNode;\n  /** Size variant. Default: medium. */\n  size?: ButtonSize;\n  /** Trailing icon. */\n  trailingIcon?: ReactNode;\n}\n\nconst SIZE_ICON_MAP: Record<ButtonSize, IconSize> = {\n  'x-small': '12',\n  small: '16',\n  medium: '16',\n  large: '20',\n};\n\n/**\n * Buttons let people take actions or make decisions with a single tap or click — saving a\n * form, sending a message, confirming a dialog. Compass ships several button variants, each\n * with the same anatomy and rhythm so they feel like members of the same family.\n */\nexport default function Button({\n  appearance = 'default',\n  className = '',\n  destructive = false,\n  emphasis = 'primary',\n  children,\n  leadingIcon,\n  size = 'medium',\n  trailingIcon,\n  disabled,\n  type = 'button',\n  ...rest\n}: ButtonProps) {\n  const iconSize = SIZE_ICON_MAP[size];\n  const emphasisClass = styles[`button--emphasis-${toKebab(emphasis)}`];\n  const sizeClass = styles[`button--size-${toKebab(size)}`];\n  const appearanceClass =\n    appearance === 'inverted' ? styles['button--appearance-inverted'] : '';\n  const destructiveClass = destructive ? styles['button--destructive'] : '';\n\n  const rootClass = [\n    styles.button,\n    emphasisClass,\n    sizeClass,\n    appearanceClass,\n    destructiveClass,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <button className={rootClass} type={type} disabled={disabled} {...rest}>\n      {leadingIcon != null ? (\n        <span className={styles['button__icon-slot']} aria-hidden>\n          {typeof leadingIcon === 'boolean' ? (\n            <Icon size={iconSize} />\n          ) : (\n            leadingIcon\n          )}\n        </span>\n      ) : null}\n      <span className={styles['button__label']}>{children}</span>\n      {trailingIcon != null ? (\n        <span className={styles['button__icon-slot']} aria-hidden>\n          {typeof trailingIcon === 'boolean' ? (\n            <Icon size={iconSize} />\n          ) : (\n            trailingIcon\n          )}\n        </span>\n      ) : null}\n    </button>\n  );\n}\n"],"names":["SIZE_ICON_MAP","Button","appearance","className","destructive","emphasis","children","leadingIcon","size","trailingIcon","disabled","type","rest","iconSize","emphasisClass","styles","toKebab","sizeClass","appearanceClass","destructiveClass","rootClass","jsx","Icon"],"mappings":"yPAmCMA,EAA8C,CAClD,UAAW,KACX,MAAO,KACP,OAAQ,KACR,MAAO,IACT,EAOA,SAAwBC,EAAO,CAC7B,WAAAC,EAAa,UACb,UAAAC,EAAY,GACZ,YAAAC,EAAc,GACd,SAAAC,EAAW,UACX,SAAAC,EACA,YAAAC,EACA,KAAAC,EAAO,SACP,aAAAC,EACA,SAAAC,EACA,KAAAC,EAAO,SACP,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAWb,EAAcQ,CAAI,EAC7BM,EAAgBC,EAAAA,QAAO,oBAAoBC,EAAAA,QAAQX,CAAQ,CAAC,EAAE,EAC9DY,EAAYF,EAAAA,QAAO,gBAAgBC,EAAAA,QAAQR,CAAI,CAAC,EAAE,EAClDU,EACJhB,IAAe,WAAaa,EAAAA,QAAO,6BAA6B,EAAI,GAChEI,EAAmBf,EAAcW,UAAO,qBAAqB,EAAI,GAEjEK,EAAY,CAChBL,EAAAA,QAAO,OACPD,EACAG,EACAC,EACAC,EACAhB,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,cACG,SAAA,CAAO,UAAWiB,EAAW,KAAAT,EAAY,SAAAD,EAAqB,GAAGE,EAC/D,SAAA,CAAAL,GAAe,KACdc,EAAAA,IAAC,OAAA,CAAK,UAAWN,EAAAA,QAAO,mBAAmB,EAAG,cAAW,GACtD,SAAA,OAAOR,GAAgB,UACtBc,EAAAA,IAACC,UAAA,CAAK,KAAMT,EAAU,EAEtBN,EAEJ,EACE,WACH,OAAA,CAAK,UAAWQ,EAAAA,QAAO,cAAmB,SAAAT,EAAS,EACnDG,GAAgB,KACfY,EAAAA,IAAC,QAAK,UAAWN,UAAO,mBAAmB,EAAG,cAAW,GACtD,SAAA,OAAON,GAAiB,UACvBY,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAMT,CAAA,CAAU,EAEtBJ,EAEJ,EACE,IAAA,EACN,CAEJ"}

package/dist/components/button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAM7D,MAAM,MAAM,cAAc,GACtB,SAAS,GACT,WAAW,GACX,UAAU,GACV,YAAY,CAAC;AAEjB,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAElE,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,UAAU,CAAC;AAEtD,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,+EAA+E;IAC/E,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oDAAoD;IACpD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,uGAAuG;IACvG,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,qCAAqC;IACrC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,qBAAqB;IACrB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AASD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,UAAsB,EACtB,SAAc,EACd,WAAmB,EACnB,QAAoB,EACpB,QAAQ,EACR,WAAW,EACX,IAAe,EACf,YAAY,EACZ,QAAQ,EACR,IAAe,EACf,GAAG,IAAI,EACR,EAAE,WAAW,2CA0Cb"}

package/dist/components/button/Button.js

@@ -0,0 +1,41 @@
+import { jsxs as x, jsx as s } from "react/jsx-runtime";
+import l from "../icon/Icon.js";
+import { toKebab as r } from "../../utils/string.js";
+import t from "./Button.module.scss.js";
+const y = {
+  "x-small": "12",
+  small: "16",
+  medium: "16",
+  large: "20"
+};
+function $({
+  appearance: u = "default",
+  className: i = "",
+  destructive: m = !1,
+  emphasis: c = "primary",
+  children: p,
+  leadingIcon: e,
+  size: a = "medium",
+  trailingIcon: o,
+  disabled: b,
+  type: d = "button",
+  ...f
+}) {
+  const n = y[a], _ = t[`button--emphasis-${r(c)}`], h = t[`button--size-${r(a)}`], C = u === "inverted" ? t["button--appearance-inverted"] : "", N = m ? t["button--destructive"] : "", v = [
+    t.button,
+    _,
+    h,
+    C,
+    N,
+    i
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ x("button", { className: v, type: d, disabled: b, ...f, children: [
+    e != null ? /* @__PURE__ */ s("span", { className: t["button__icon-slot"], "aria-hidden": !0, children: typeof e == "boolean" ? /* @__PURE__ */ s(l, { size: n }) : e }) : null,
+    /* @__PURE__ */ s("span", { className: t.button__label, children: p }),
+    o != null ? /* @__PURE__ */ s("span", { className: t["button__icon-slot"], "aria-hidden": !0, children: typeof o == "boolean" ? /* @__PURE__ */ s(l, { size: n }) : o }) : null
+  ] });
+}
+export {
+  $ as default
+};
+//# sourceMappingURL=Button.js.map

package/dist/components/button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from 'react';\nimport Icon from '@/components/icon/Icon';\nimport type { IconSize } from '@/components/icon/Icon';\nimport { toKebab } from '@/utils/string';\nimport styles from './Button.module.scss';\n\nexport type ButtonEmphasis =\n  | 'primary'\n  | 'secondary'\n  | 'tertiary'\n  | 'quaternary';\n\nexport type ButtonSize = 'x-small' | 'small' | 'medium' | 'large';\n\nexport type ButtonAppearance = 'default' | 'inverted';\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** default | inverted (for use on dark backgrounds). Maps to Figma \"Style\". */\n  appearance?: ButtonAppearance;\n  /** Optional CSS class name. */\n  className?: string;\n  /** Button label. */\n  children: React.ReactNode;\n  /** When true, uses destructive (danger) styling. */\n  destructive?: boolean;\n  /** Visual emphasis. Default: primary. */\n  emphasis?: ButtonEmphasis;\n  /** Leading icon (e.g. <Icon glyph={<SomeIcon />} size=\"16\" />). Icon size should match button size. */\n  leadingIcon?: ReactNode;\n  /** Size variant. Default: medium. */\n  size?: ButtonSize;\n  /** Trailing icon. */\n  trailingIcon?: ReactNode;\n}\n\nconst SIZE_ICON_MAP: Record<ButtonSize, IconSize> = {\n  'x-small': '12',\n  small: '16',\n  medium: '16',\n  large: '20',\n};\n\n/**\n * Buttons let people take actions or make decisions with a single tap or click — saving a\n * form, sending a message, confirming a dialog. Compass ships several button variants, each\n * with the same anatomy and rhythm so they feel like members of the same family.\n */\nexport default function Button({\n  appearance = 'default',\n  className = '',\n  destructive = false,\n  emphasis = 'primary',\n  children,\n  leadingIcon,\n  size = 'medium',\n  trailingIcon,\n  disabled,\n  type = 'button',\n  ...rest\n}: ButtonProps) {\n  const iconSize = SIZE_ICON_MAP[size];\n  const emphasisClass = styles[`button--emphasis-${toKebab(emphasis)}`];\n  const sizeClass = styles[`button--size-${toKebab(size)}`];\n  const appearanceClass =\n    appearance === 'inverted' ? styles['button--appearance-inverted'] : '';\n  const destructiveClass = destructive ? styles['button--destructive'] : '';\n\n  const rootClass = [\n    styles.button,\n    emphasisClass,\n    sizeClass,\n    appearanceClass,\n    destructiveClass,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <button className={rootClass} type={type} disabled={disabled} {...rest}>\n      {leadingIcon != null ? (\n        <span className={styles['button__icon-slot']} aria-hidden>\n          {typeof leadingIcon === 'boolean' ? (\n            <Icon size={iconSize} />\n          ) : (\n            leadingIcon\n          )}\n        </span>\n      ) : null}\n      <span className={styles['button__label']}>{children}</span>\n      {trailingIcon != null ? (\n        <span className={styles['button__icon-slot']} aria-hidden>\n          {typeof trailingIcon === 'boolean' ? (\n            <Icon size={iconSize} />\n          ) : (\n            trailingIcon\n          )}\n        </span>\n      ) : null}\n    </button>\n  );\n}\n"],"names":["SIZE_ICON_MAP","Button","appearance","className","destructive","emphasis","children","leadingIcon","size","trailingIcon","disabled","type","rest","iconSize","emphasisClass","styles","toKebab","sizeClass","appearanceClass","destructiveClass","rootClass","jsx","Icon"],"mappings":";;;;AAmCA,MAAMA,IAA8C;AAAA,EAClD,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACT;AAOA,SAAwBC,EAAO;AAAA,EAC7B,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,aAAAC,IAAc;AAAA,EACd,UAAAC,IAAW;AAAA,EACX,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GAAgB;AACd,QAAMC,IAAWb,EAAcQ,CAAI,GAC7BM,IAAgBC,EAAO,oBAAoBC,EAAQX,CAAQ,CAAC,EAAE,GAC9DY,IAAYF,EAAO,gBAAgBC,EAAQR,CAAI,CAAC,EAAE,GAClDU,IACJhB,MAAe,aAAaa,EAAO,6BAA6B,IAAI,IAChEI,IAAmBf,IAAcW,EAAO,qBAAqB,IAAI,IAEjEK,IAAY;AAAA,IAChBL,EAAO;AAAA,IACPD;AAAA,IACAG;AAAA,IACAC;AAAA,IACAC;AAAA,IACAhB;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,2BACG,UAAA,EAAO,WAAWiB,GAAW,MAAAT,GAAY,UAAAD,GAAqB,GAAGE,GAC/D,UAAA;AAAA,IAAAL,KAAe,OACd,gBAAAc,EAAC,QAAA,EAAK,WAAWN,EAAO,mBAAmB,GAAG,eAAW,IACtD,UAAA,OAAOR,KAAgB,YACtB,gBAAAc,EAACC,GAAA,EAAK,MAAMT,GAAU,IAEtBN,GAEJ,IACE;AAAA,sBACH,QAAA,EAAK,WAAWQ,EAAO,eAAmB,UAAAT,GAAS;AAAA,IACnDG,KAAgB,OACf,gBAAAY,EAAC,UAAK,WAAWN,EAAO,mBAAmB,GAAG,eAAW,IACtD,UAAA,OAAON,KAAiB,YACvB,gBAAAY,EAACC,GAAA,EAAK,MAAMT,EAAA,CAAU,IAEtBJ,GAEJ,IACE;AAAA,EAAA,GACN;AAEJ;"}

package/dist/components/button/Button.module.css

@@ -0,0 +1 @@
+._button_1e05o_2{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);border-radius:var(--radius-s);border:0;cursor:pointer;transition:background-color var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition),box-shadow var(--duration-quick) var(--ease-transition)}._button_1e05o_2:focus-visible{outline:none}._button_1e05o_2:disabled{cursor:not-allowed}._button__label_1e05o_20{line-height:1}._button__icon-slot_1e05o_23{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}._button--size-x-small_1e05o_29{padding:var(--spacing-xxxs) var(--spacing-m)}._button--size-x-small_1e05o_29 ._button__label_1e05o_20{font-size:var(--font-size-75);line-height:var(--line-height-75)}._button--size-small_1e05o_36{padding:var(--spacing-xs) var(--spacing-l)}._button--size-small_1e05o_36 ._button__label_1e05o_20{font-size:var(--font-size-75);line-height:var(--line-height-75)}._button--size-medium_1e05o_43{padding:var(--spacing-s) var(--spacing-xl)}._button--size-medium_1e05o_43 ._button__label_1e05o_20{font-size:var(--font-size-100);line-height:var(--line-height-100)}._button--size-large_1e05o_50{padding:var(--spacing-m) var(--spacing-xxl)}._button--size-large_1e05o_50 ._button__label_1e05o_20{font-size:var(--font-size-200);line-height:var(--line-height-200)}._button--emphasis-primary_1e05o_57{background-color:var(--button-bg);color:var(--button-color)}._button--emphasis-primary_1e05o_57:hover:not(:disabled){background-color:color-mix(in srgb,black 8%,var(--button-bg))}._button--emphasis-primary_1e05o_57:active:not(:disabled){background-color:color-mix(in srgb,black 16%,var(--button-bg))}._button--emphasis-primary_1e05o_57:disabled{background-color:rgba(var(--center-channel-color-rgb),.08);color:rgba(var(--center-channel-color-rgb),.32)}._button--emphasis-primary_1e05o_57:focus-visible{box-shadow:0 0 0 3px var(--center-channel-bg),0 0 0 5px var(--button-bg)}._button--emphasis-secondary_1e05o_74{background-color:transparent;color:var(--link-color);box-shadow:inset 0 0 0 1px var(--link-color)}._button--emphasis-secondary_1e05o_74:hover:not(:disabled){background-color:rgba(var(--link-color-rgb),.08)}._button--emphasis-secondary_1e05o_74:active:not(:disabled){background-color:rgba(var(--link-color-rgb),.16)}._button--emphasis-secondary_1e05o_74:disabled{box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.32);color:rgba(var(--center-channel-color-rgb),.32)}._button--emphasis-secondary_1e05o_74:focus-visible{box-shadow:inset 0 0 0 1px var(--link-color),0 0 0 3px var(--center-channel-bg),0 0 0 5px var(--link-color)}._button--emphasis-tertiary_1e05o_92{background-color:rgba(var(--link-color-rgb),.08);color:var(--link-color)}._button--emphasis-tertiary_1e05o_92:hover:not(:disabled){background-color:rgba(var(--link-color-rgb),.12)}._button--emphasis-tertiary_1e05o_92:active:not(:disabled){background-color:rgba(var(--link-color-rgb),.16)}._button--emphasis-tertiary_1e05o_92:disabled{background-color:rgba(var(--center-channel-color-rgb),.08);color:rgba(var(--center-channel-color-rgb),.32)}._button--emphasis-tertiary_1e05o_92:focus-visible{box-shadow:0 0 0 3px var(--center-channel-bg),0 0 0 5px var(--button-bg)}._button--emphasis-quaternary_1e05o_109{background-color:transparent;color:var(--link-color)}._button--emphasis-quaternary_1e05o_109:hover:not(:disabled){background-color:rgba(var(--link-color-rgb),.08)}._button--emphasis-quaternary_1e05o_109:active:not(:disabled){background-color:rgba(var(--link-color-rgb),.12)}._button--emphasis-quaternary_1e05o_109:disabled{color:rgba(var(--center-channel-color-rgb),.32)}._button--emphasis-quaternary_1e05o_109:focus-visible{box-shadow:0 0 0 3px var(--center-channel-bg),0 0 0 5px var(--link-color)}._button--destructive_1e05o_125._button--emphasis-primary_1e05o_57{background-color:var(--error-text, var(--color-danger));color:var(--button-color)}._button--destructive_1e05o_125._button--emphasis-primary_1e05o_57:hover:not(:disabled){background-color:color-mix(in srgb,black 8%,var(--error-text, var(--color-danger)))}._button--destructive_1e05o_125._button--emphasis-primary_1e05o_57:active:not(:disabled){background-color:color-mix(in srgb,black 16%,var(--error-text, var(--color-danger)))}._button--destructive_1e05o_125._button--emphasis-primary_1e05o_57:disabled{background-color:rgba(var(--center-channel-color-rgb),.08);color:rgba(var(--center-channel-color-rgb),.32)}._button--destructive_1e05o_125._button--emphasis-primary_1e05o_57:focus-visible{box-shadow:0 0 0 3px var(--center-channel-bg),0 0 0 5px var(--error-text, var(--color-danger))}._button--destructive_1e05o_125._button--emphasis-secondary_1e05o_74{color:var(--error-text, var(--color-danger));box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger))}._button--destructive_1e05o_125._button--emphasis-secondary_1e05o_74:hover:not(:disabled){background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.08)}._button--destructive_1e05o_125._button--emphasis-secondary_1e05o_74:active:not(:disabled){background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.16)}._button--destructive_1e05o_125._button--emphasis-secondary_1e05o_74:disabled{box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.32);color:rgba(var(--center-channel-color-rgb),.32)}._button--destructive_1e05o_125._button--emphasis-secondary_1e05o_74:focus-visible{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger)),0 0 0 3px var(--center-channel-bg),0 0 0 5px var(--error-text, var(--color-danger))}._button--destructive_1e05o_125._button--emphasis-tertiary_1e05o_92{background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.08);color:var(--error-text, var(--color-danger))}._button--destructive_1e05o_125._button--emphasis-tertiary_1e05o_92:hover:not(:disabled){background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.12)}._button--destructive_1e05o_125._button--emphasis-tertiary_1e05o_92:active:not(:disabled){background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.16)}._button--destructive_1e05o_125._button--emphasis-tertiary_1e05o_92:disabled{background-color:rgba(var(--center-channel-color-rgb),.08);color:rgba(var(--center-channel-color-rgb),.32)}._button--destructive_1e05o_125._button--emphasis-tertiary_1e05o_92:focus-visible{box-shadow:0 0 0 3px var(--center-channel-bg),0 0 0 5px var(--error-text, var(--color-danger))}._button--destructive_1e05o_125._button--emphasis-quaternary_1e05o_109{color:var(--error-text, var(--color-danger))}._button--destructive_1e05o_125._button--emphasis-quaternary_1e05o_109:hover:not(:disabled){background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.08)}._button--destructive_1e05o_125._button--emphasis-quaternary_1e05o_109:active:not(:disabled){background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.16)}._button--destructive_1e05o_125._button--emphasis-quaternary_1e05o_109:disabled{color:rgba(var(--center-channel-color-rgb),.32)}._button--destructive_1e05o_125._button--emphasis-quaternary_1e05o_109:focus-visible{box-shadow:0 0 0 3px var(--center-channel-bg),0 0 0 5px var(--error-text, var(--color-danger))}._button--appearance-inverted_1e05o_191._button--emphasis-primary_1e05o_57{background-color:var(--sidebar-text);color:var(--sidebar-bg)}._button--appearance-inverted_1e05o_191._button--emphasis-primary_1e05o_57:hover:not(:disabled){background-color:rgba(var(--sidebar-text-rgb),.92)}._button--appearance-inverted_1e05o_191._button--emphasis-primary_1e05o_57:active:not(:disabled){background-color:rgba(var(--sidebar-text-rgb),.88)}._button--appearance-inverted_1e05o_191._button--emphasis-primary_1e05o_57:disabled{background-color:rgba(var(--sidebar-text-rgb),.08);color:rgba(var(--sidebar-text-rgb),.32)}._button--appearance-inverted_1e05o_191._button--emphasis-primary_1e05o_57:focus-visible{box-shadow:0 0 0 3px var(--sidebar-bg),0 0 0 5px var(--button-bg)}._button--appearance-inverted_1e05o_191._button--emphasis-secondary_1e05o_74{color:var(--sidebar-text);box-shadow:inset 0 0 0 1px var(--sidebar-text)}._button--appearance-inverted_1e05o_191._button--emphasis-secondary_1e05o_74:hover:not(:disabled){background-color:rgba(var(--sidebar-text-rgb),.12)}._button--appearance-inverted_1e05o_191._button--emphasis-secondary_1e05o_74:active:not(:disabled){background-color:rgba(var(--sidebar-text-rgb),.2)}._button--appearance-inverted_1e05o_191._button--emphasis-secondary_1e05o_74:disabled{box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.32);color:rgba(var(--center-channel-color-rgb),.32)}._button--appearance-inverted_1e05o_191._button--emphasis-secondary_1e05o_74:focus-visible{box-shadow:inset 0 0 0 1px var(--sidebar-text),0 0 0 3px var(--sidebar-bg),0 0 0 5px var(--button-bg)}._button--appearance-inverted_1e05o_191._button--emphasis-tertiary_1e05o_92{background-color:rgba(var(--sidebar-text-rgb),.08);color:var(--sidebar-text)}._button--appearance-inverted_1e05o_191._button--emphasis-tertiary_1e05o_92:hover:not(:disabled){background-color:rgba(var(--sidebar-text-rgb),.12)}._button--appearance-inverted_1e05o_191._button--emphasis-tertiary_1e05o_92:active:not(:disabled){background-color:rgba(var(--sidebar-text-rgb),.16)}._button--appearance-inverted_1e05o_191._button--emphasis-tertiary_1e05o_92:disabled{background-color:rgba(var(--sidebar-text-rgb),.08);color:rgba(var(--sidebar-text-rgb),.32)}._button--appearance-inverted_1e05o_191._button--emphasis-tertiary_1e05o_92:focus-visible{box-shadow:0 0 0 3px var(--sidebar-bg),0 0 0 5px var(--button-bg)}._button--appearance-inverted_1e05o_191._button--emphasis-quaternary_1e05o_109{color:var(--sidebar-text)}._button--appearance-inverted_1e05o_191._button--emphasis-quaternary_1e05o_109:hover:not(:disabled){background-color:rgba(var(--sidebar-text-rgb),.12)}._button--appearance-inverted_1e05o_191._button--emphasis-quaternary_1e05o_109:active:not(:disabled){background-color:rgba(var(--sidebar-text-rgb),.2)}._button--appearance-inverted_1e05o_191._button--emphasis-quaternary_1e05o_109:disabled{color:rgba(var(--sidebar-text-rgb),.32)}._button--appearance-inverted_1e05o_191._button--emphasis-quaternary_1e05o_109:focus-visible{box-shadow:0 0 0 3px var(--sidebar-bg),0 0 0 5px var(--button-bg)}

package/dist/components/button/Button.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Button.module.css');const t="_button_1e05o_2",e="_button__label_1e05o_20",o={button:t,button__label:e,"button__icon-slot":"_button__icon-slot_1e05o_23","button--size-x-small":"_button--size-x-small_1e05o_29","button--size-small":"_button--size-small_1e05o_36","button--size-medium":"_button--size-medium_1e05o_43","button--size-large":"_button--size-large_1e05o_50","button--emphasis-primary":"_button--emphasis-primary_1e05o_57","button--emphasis-secondary":"_button--emphasis-secondary_1e05o_74","button--emphasis-tertiary":"_button--emphasis-tertiary_1e05o_92","button--emphasis-quaternary":"_button--emphasis-quaternary_1e05o_109","button--destructive":"_button--destructive_1e05o_125","button--appearance-inverted":"_button--appearance-inverted_1e05o_191"};exports.button=t;exports.button__label=e;exports.default=o;
+//# sourceMappingURL=Button.module.scss.cjs.map

package/dist/components/button/Button.module.scss.cjs.map

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

package/dist/components/button/Button.module.scss.js

@@ -0,0 +1,21 @@
+import './Button.module.css';const t = "_button_1e05o_2", e = "_button__label_1e05o_20", o = {
+  button: t,
+  button__label: e,
+  "button__icon-slot": "_button__icon-slot_1e05o_23",
+  "button--size-x-small": "_button--size-x-small_1e05o_29",
+  "button--size-small": "_button--size-small_1e05o_36",
+  "button--size-medium": "_button--size-medium_1e05o_43",
+  "button--size-large": "_button--size-large_1e05o_50",
+  "button--emphasis-primary": "_button--emphasis-primary_1e05o_57",
+  "button--emphasis-secondary": "_button--emphasis-secondary_1e05o_74",
+  "button--emphasis-tertiary": "_button--emphasis-tertiary_1e05o_92",
+  "button--emphasis-quaternary": "_button--emphasis-quaternary_1e05o_109",
+  "button--destructive": "_button--destructive_1e05o_125",
+  "button--appearance-inverted": "_button--appearance-inverted_1e05o_191"
+};
+export {
+  t as button,
+  e as button__label,
+  o as default
+};
+//# sourceMappingURL=Button.module.scss.js.map

package/dist/components/button/Button.module.scss.js.map

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