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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mattermost/compass-ui",
-  "version": "0.1.0-alpha.3",
+  "version": "0.1.0-alpha.31",
   "description": "Compass design system UI components for Mattermost products",
   "repository": {
     "type": "git",
@@ -16,24 +16,29 @@
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
-      "require": "./dist/index.cjs",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/index.cjs"
     },
     "./components/*": {
+      "types": "./dist/components/*/index.d.ts",
       "import": "./dist/components/*/index.js",
-      "require": "./dist/components/*/index.cjs",
-      "types": "./dist/components/*/index.d.ts"
+      "require": "./dist/components/*/index.cjs"
     },
     "./hooks/*": {
+      "types": "./dist/hooks/*.d.ts",
       "import": "./dist/hooks/*.js",
-      "require": "./dist/hooks/*.cjs",
-      "types": "./dist/hooks/*.d.ts"
+      "require": "./dist/hooks/*.cjs"
+    },
+    "./illustrations/*": {
+      "types": "./dist/illustrations/*.d.ts",
+      "import": "./dist/illustrations/*.js",
+      "require": "./dist/illustrations/*.cjs"
     },
     "./utils/string": {
+      "types": "./dist/utils/string.d.ts",
       "import": "./dist/utils/string.js",
-      "require": "./dist/utils/string.cjs",
-      "types": "./dist/utils/string.d.ts"
+      "require": "./dist/utils/string.cjs"
     },
     "./styles": {
       "import": "./dist/compass-ui.css",
@@ -42,10 +47,6 @@
     "./styles/standalone": {
       "import": "./dist/compass-ui-standalone.css",
       "default": "./dist/compass-ui-standalone.css"
-    },
-    "./component-styles": {
-      "import": "./dist/index.css",
-      "default": "./dist/index.css"
     }
   },
   "files": [
@@ -53,7 +54,7 @@
   ],
   "scripts": {
     "build:sass": "sass src/styles/entry.scss dist/compass-ui.css --load-path=src/styles --no-source-map && sass src/styles/standalone-entry.scss dist/compass-ui-standalone.css --load-path=src/styles --no-source-map",
-    "build": "vite build && node ../../scripts/normalize-compass-ui-dist.mjs && node ../../scripts/generate-compass-ui-exports.mjs && node ../../scripts/verify-compass-ui-dist.mjs",
+    "build": "node ../../scripts/gen-compass-illustrations.mjs && vite build && node ../../scripts/normalize-compass-ui-dist.mjs && node ../../scripts/generate-compass-ui-exports.mjs && node ../../scripts/verify-compass-ui-dist.mjs",
     "dev": "vite build --watch",
     "typecheck": "tsc -p tsconfig.build.json --noEmit",
     "test": "vitest run",
@@ -61,30 +62,27 @@
     "build-storybook": "storybook build"
   },
   "peerDependencies": {
-    "@mattermost/compass-icons": "^0.1.63",
+    "@mattermost/compass-icons": "^0.1.65",
     "react": "^18.2.0 || ^19.0.0",
     "react-dom": "^18.2.0 || ^19.0.0",
     "simplebar-react": "^3.3.2"
   },
-  "peerDependenciesMeta": {
-    "simplebar-react": {
-      "optional": true
-    }
-  },
   "devDependencies": {
     "@fontsource/metropolis": "^5.2.5",
     "@fontsource/open-sans": "^5.2.7",
-    "@mattermost/compass-icons": "^0.1.63",
+    "@mattermost/compass-icons": "^0.1.65",
     "@storybook/addon-essentials": "^8.6.14",
     "@storybook/addon-interactions": "^8.6.14",
     "@storybook/react": "^8.6.14",
     "@storybook/react-vite": "^8.6.14",
     "@storybook/test": "^8.6.14",
+    "@testing-library/user-event": "^14.5.2",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "@vitejs/plugin-react": "^4.3.4",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
+    "react-router-dom": "^6.28.0",
     "sass": "^1.83.4",
     "simplebar-react": "^3.3.2",
     "storybook": "^8.6.14",
@@ -98,27 +96,24 @@
   },
   "typesVersions": {
     ">=3.1": {
-      "*": [
-        "./dist/index.d.ts"
-      ],
       "components/*": [
         "./dist/components/*/index.d.ts"
       ],
       "hooks/*": [
         "./dist/hooks/*.d.ts"
       ],
+      "illustrations/*": [
+        "./dist/illustrations/*.d.ts"
+      ],
       "utils/string": [
         "./dist/utils/string.d.ts"
       ],
-      "components/action-button": [
-        "./dist/components/action-button/index.d.ts"
+      "components/admin-console-footer": [
+        "./dist/components/admin-console-footer/index.d.ts"
       ],
       "components/admin-console-header": [
         "./dist/components/admin-console-header/index.d.ts"
       ],
-      "components/admin-console-sidebar": [
-        "./dist/components/admin-console-sidebar/index.d.ts"
-      ],
       "components/admin-panel": [
         "./dist/components/admin-panel/index.d.ts"
       ],
@@ -128,36 +123,21 @@
       "components/admin-panel-header": [
         "./dist/components/admin-panel-header/index.d.ts"
       ],
-      "components/app-bar-item": [
-        "./dist/components/app-bar-item/index.d.ts"
-      ],
       "components/attachment-card": [
         "./dist/components/attachment-card/index.d.ts"
       ],
       "components/button": [
         "./dist/components/button/index.d.ts"
       ],
-      "components/channel-category-menu": [
-        "./dist/components/channel-category-menu/index.d.ts"
-      ],
-      "components/channel-header": [
-        "./dist/components/channel-header/index.d.ts"
-      ],
-      "components/channel-header-menu": [
-        "./dist/components/channel-header-menu/index.d.ts"
+      "components/card-button": [
+        "./dist/components/card-button/index.d.ts"
       ],
       "components/channel-info-msg-header": [
         "./dist/components/channel-info-msg-header/index.d.ts"
       ],
-      "components/channel-menu": [
-        "./dist/components/channel-menu/index.d.ts"
-      ],
       "components/channel-sidebar-item": [
         "./dist/components/channel-sidebar-item/index.d.ts"
       ],
-      "components/channels-sidebar": [
-        "./dist/components/channels-sidebar/index.d.ts"
-      ],
       "components/checkbox": [
         "./dist/components/checkbox/index.d.ts"
       ],
@@ -179,6 +159,12 @@
       "components/emoji": [
         "./dist/components/emoji/index.d.ts"
       ],
+      "components/emoji-button": [
+        "./dist/components/emoji-button/index.d.ts"
+      ],
+      "components/emoji-popover": [
+        "./dist/components/emoji-popover/index.d.ts"
+      ],
       "components/empty-state": [
         "./dist/components/empty-state/index.d.ts"
       ],
@@ -188,15 +174,12 @@
       "components/feature-discovery-panel": [
         "./dist/components/feature-discovery-panel/index.d.ts"
       ],
+      "components/field-message": [
+        "./dist/components/field-message/index.d.ts"
+      ],
       "components/global-banner": [
         "./dist/components/global-banner/index.d.ts"
       ],
-      "components/global-header": [
-        "./dist/components/global-header/index.d.ts"
-      ],
-      "components/help-menu": [
-        "./dist/components/help-menu/index.d.ts"
-      ],
       "components/icon": [
         "./dist/components/icon/index.d.ts"
       ],
@@ -215,33 +198,30 @@
       "components/mention-badge": [
         "./dist/components/mention-badge/index.d.ts"
       ],
+      "components/menu-group-heading": [
+        "./dist/components/menu-group-heading/index.d.ts"
+      ],
       "components/menu-item": [
         "./dist/components/menu-item/index.d.ts"
       ],
-      "components/message": [
-        "./dist/components/message/index.d.ts"
-      ],
       "components/message-actions": [
         "./dist/components/message-actions/index.d.ts"
       ],
       "components/message-header": [
         "./dist/components/message-header/index.d.ts"
       ],
-      "components/message-input": [
-        "./dist/components/message-input/index.d.ts"
-      ],
-      "components/message-more-options-menu": [
-        "./dist/components/message-more-options-menu/index.d.ts"
-      ],
-      "components/message-reactions": [
-        "./dist/components/message-reactions/index.d.ts"
-      ],
       "components/message-separator": [
         "./dist/components/message-separator/index.d.ts"
       ],
       "components/modal": [
         "./dist/components/modal/index.d.ts"
       ],
+      "components/modal-footer": [
+        "./dist/components/modal-footer/index.d.ts"
+      ],
+      "components/modal-header": [
+        "./dist/components/modal-header/index.d.ts"
+      ],
       "components/more-unreads-banner": [
         "./dist/components/more-unreads-banner/index.d.ts"
       ],
@@ -251,24 +231,21 @@
       "components/pagination-dots": [
         "./dist/components/pagination-dots/index.d.ts"
       ],
+      "components/password-input": [
+        "./dist/components/password-input/index.d.ts"
+      ],
       "components/permalink-preview": [
         "./dist/components/permalink-preview/index.d.ts"
       ],
       "components/pinned-saved-indicators": [
         "./dist/components/pinned-saved-indicators/index.d.ts"
       ],
-      "components/plus-menu": [
-        "./dist/components/plus-menu/index.d.ts"
-      ],
       "components/popover-menu": [
         "./dist/components/popover-menu/index.d.ts"
       ],
       "components/popover-notice": [
         "./dist/components/popover-notice/index.d.ts"
       ],
-      "components/product-switcher-menu": [
-        "./dist/components/product-switcher-menu/index.d.ts"
-      ],
       "components/profile-popover": [
         "./dist/components/profile-popover/index.d.ts"
       ],
@@ -278,11 +255,14 @@
       "components/radio": [
         "./dist/components/radio/index.d.ts"
       ],
-      "components/reaction-pill": [
-        "./dist/components/reaction-pill/index.d.ts"
+      "components/reaction-button": [
+        "./dist/components/reaction-button/index.d.ts"
+      ],
+      "components/reactions-row": [
+        "./dist/components/reactions-row/index.d.ts"
       ],
-      "components/right-sidebar": [
-        "./dist/components/right-sidebar/index.d.ts"
+      "components/right-sidebar-header": [
+        "./dist/components/right-sidebar-header/index.d.ts"
       ],
       "components/scrollbar": [
         "./dist/components/scrollbar/index.d.ts"
@@ -296,6 +276,9 @@
       "components/section-notice": [
         "./dist/components/section-notice/index.d.ts"
       ],
+      "components/segmented-control": [
+        "./dist/components/segmented-control/index.d.ts"
+      ],
       "components/select": [
         "./dist/components/select/index.d.ts"
       ],
@@ -320,27 +303,21 @@
       "components/team-avatar": [
         "./dist/components/team-avatar/index.d.ts"
       ],
-      "components/team-menu": [
-        "./dist/components/team-menu/index.d.ts"
-      ],
-      "components/team-sidebar": [
-        "./dist/components/team-sidebar/index.d.ts"
-      ],
       "components/text-area": [
         "./dist/components/text-area/index.d.ts"
       ],
       "components/text-input": [
         "./dist/components/text-input/index.d.ts"
       ],
-      "components/thread-actions-menu": [
-        "./dist/components/thread-actions-menu/index.d.ts"
-      ],
       "components/thread-footer": [
         "./dist/components/thread-footer/index.d.ts"
       ],
       "components/thread-list-item": [
         "./dist/components/thread-list-item/index.d.ts"
       ],
+      "components/tile-button": [
+        "./dist/components/tile-button/index.d.ts"
+      ],
       "components/toast": [
         "./dist/components/toast/index.d.ts"
       ],
@@ -368,11 +345,227 @@
       "hooks/use-exit-animation": [
         "./dist/hooks/use-exit-animation.d.ts"
       ],
+      "hooks/use-modal-focus": [
+        "./dist/hooks/use-modal-focus.d.ts"
+      ],
       "hooks/use-outside-close": [
         "./dist/hooks/use-outside-close.d.ts"
       ],
       "hooks/use-popover-transition": [
         "./dist/hooks/use-popover-transition.d.ts"
+      ],
+      "illustrations/ai-copilot-intro": [
+        "./dist/illustrations/ai-copilot-intro.d.ts"
+      ],
+      "illustrations/alert": [
+        "./dist/illustrations/alert.d.ts"
+      ],
+      "illustrations/alert-on-sidebar-bg": [
+        "./dist/illustrations/alert-on-sidebar-bg.d.ts"
+      ],
+      "illustrations/archived-channel": [
+        "./dist/illustrations/archived-channel.d.ts"
+      ],
+      "illustrations/auto-translation": [
+        "./dist/illustrations/auto-translation.d.ts"
+      ],
+      "illustrations/banners": [
+        "./dist/illustrations/banners.d.ts"
+      ],
+      "illustrations/billing-history": [
+        "./dist/illustrations/billing-history.d.ts"
+      ],
+      "illustrations/blank-playbook": [
+        "./dist/illustrations/blank-playbook.d.ts"
+      ],
+      "illustrations/bot-accounts": [
+        "./dist/illustrations/bot-accounts.d.ts"
+      ],
+      "illustrations/browser-or-desktop": [
+        "./dist/illustrations/browser-or-desktop.d.ts"
+      ],
+      "illustrations/bug-bash": [
+        "./dist/illustrations/bug-bash.d.ts"
+      ],
+      "illustrations/calls": [
+        "./dist/illustrations/calls.d.ts"
+      ],
+      "illustrations/collaborate": [
+        "./dist/illustrations/collaborate.d.ts"
+      ],
+      "illustrations/compliance-exports": [
+        "./dist/illustrations/compliance-exports.d.ts"
+      ],
+      "illustrations/copilot-bot": [
+        "./dist/illustrations/copilot-bot.d.ts"
+      ],
+      "illustrations/custom-branding": [
+        "./dist/illustrations/custom-branding.d.ts"
+      ],
+      "illustrations/custom-terms": [
+        "./dist/illustrations/custom-terms.d.ts"
+      ],
+      "illustrations/customer-onboarding": [
+        "./dist/illustrations/customer-onboarding.d.ts"
+      ],
+      "illustrations/data-retention": [
+        "./dist/illustrations/data-retention.d.ts"
+      ],
+      "illustrations/drafts-empty": [
+        "./dist/illustrations/drafts-empty.d.ts"
+      ],
+      "illustrations/employee-onboarding": [
+        "./dist/illustrations/employee-onboarding.d.ts"
+      ],
+      "illustrations/feature-lifecycle": [
+        "./dist/illustrations/feature-lifecycle.d.ts"
+      ],
+      "illustrations/file-search-empty": [
+        "./dist/illustrations/file-search-empty.d.ts"
+      ],
+      "illustrations/globe": [
+        "./dist/illustrations/globe.d.ts"
+      ],
+      "illustrations/group": [
+        "./dist/illustrations/group.d.ts"
+      ],
+      "illustrations/groups": [
+        "./dist/illustrations/groups.d.ts"
+      ],
+      "illustrations/incident-resolution": [
+        "./dist/illustrations/incident-resolution.d.ts"
+      ],
+      "illustrations/incoming-webhook": [
+        "./dist/illustrations/incoming-webhook.d.ts"
+      ],
+      "illustrations/intune-mam": [
+        "./dist/illustrations/intune-mam.d.ts"
+      ],
+      "illustrations/learn-playbooks": [
+        "./dist/illustrations/learn-playbooks.d.ts"
+      ],
+      "illustrations/locked-messages": [
+        "./dist/illustrations/locked-messages.d.ts"
+      ],
+      "illustrations/mentions-empty": [
+        "./dist/illustrations/mentions-empty.d.ts"
+      ],
+      "illustrations/message-not-viewable": [
+        "./dist/illustrations/message-not-viewable.d.ts"
+      ],
+      "illustrations/message-search-empty": [
+        "./dist/illustrations/message-search-empty.d.ts"
+      ],
+      "illustrations/mfa": [
+        "./dist/illustrations/mfa.d.ts"
+      ],
+      "illustrations/mfa-complete": [
+        "./dist/illustrations/mfa-complete.d.ts"
+      ],
+      "illustrations/mobile-protection": [
+        "./dist/illustrations/mobile-protection.d.ts"
+      ],
+      "illustrations/mobile-security": [
+        "./dist/illustrations/mobile-security.d.ts"
+      ],
+      "illustrations/names": [
+        "./dist/illustrations/names.d.ts"
+      ],
+      "illustrations/new-password": [
+        "./dist/illustrations/new-password.d.ts"
+      ],
+      "illustrations/no-unreads-on-sidebar-bg": [
+        "./dist/illustrations/no-unreads-on-sidebar-bg.d.ts"
+      ],
+      "illustrations/oauth": [
+        "./dist/illustrations/oauth.d.ts"
+      ],
+      "illustrations/office": [
+        "./dist/illustrations/office.d.ts"
+      ],
+      "illustrations/outgoing-oauth-connections": [
+        "./dist/illustrations/outgoing-oauth-connections.d.ts"
+      ],
+      "illustrations/outgoing-webhook": [
+        "./dist/illustrations/outgoing-webhook.d.ts"
+      ],
+      "illustrations/pinned-empty": [
+        "./dist/illustrations/pinned-empty.d.ts"
+      ],
+      "illustrations/playbooks-empty": [
+        "./dist/illustrations/playbooks-empty.d.ts"
+      ],
+      "illustrations/private-channel-intro": [
+        "./dist/illustrations/private-channel-intro.d.ts"
+      ],
+      "illustrations/product-release": [
+        "./dist/illustrations/product-release.d.ts"
+      ],
+      "illustrations/public-channel-intro": [
+        "./dist/illustrations/public-channel-intro.d.ts"
+      ],
+      "illustrations/rating": [
+        "./dist/illustrations/rating.d.ts"
+      ],
+      "illustrations/rating-desktop": [
+        "./dist/illustrations/rating-desktop.d.ts"
+      ],
+      "illustrations/read-only": [
+        "./dist/illustrations/read-only.d.ts"
+      ],
+      "illustrations/reset-password": [
+        "./dist/illustrations/reset-password.d.ts"
+      ],
+      "illustrations/saved-empty": [
+        "./dist/illustrations/saved-empty.d.ts"
+      ],
+      "illustrations/scheduled-empty": [
+        "./dist/illustrations/scheduled-empty.d.ts"
+      ],
+      "illustrations/search": [
+        "./dist/illustrations/search.d.ts"
+      ],
+      "illustrations/server": [
+        "./dist/illustrations/server.d.ts"
+      ],
+      "illustrations/setup-system": [
+        "./dist/illustrations/setup-system.d.ts"
+      ],
+      "illustrations/site-error": [
+        "./dist/illustrations/site-error.d.ts"
+      ],
+      "illustrations/slash-commands": [
+        "./dist/illustrations/slash-commands.d.ts"
+      ],
+      "illustrations/success": [
+        "./dist/illustrations/success.d.ts"
+      ],
+      "illustrations/system-admins": [
+        "./dist/illustrations/system-admins.d.ts"
+      ],
+      "illustrations/threads-empty": [
+        "./dist/illustrations/threads-empty.d.ts"
+      ],
+      "illustrations/timer": [
+        "./dist/illustrations/timer.d.ts"
+      ],
+      "illustrations/tls-certificate": [
+        "./dist/illustrations/tls-certificate.d.ts"
+      ],
+      "illustrations/tools": [
+        "./dist/illustrations/tools.d.ts"
+      ],
+      "illustrations/town-square-channel-intro": [
+        "./dist/illustrations/town-square-channel-intro.d.ts"
+      ],
+      "illustrations/upload-license": [
+        "./dist/illustrations/upload-license.d.ts"
+      ],
+      "illustrations/verify-email": [
+        "./dist/illustrations/verify-email.d.ts"
+      ],
+      "*": [
+        "./dist/index.d.ts"
       ]
     }
   }

package/dist/components/action-button/ActionButton.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("./ActionButton.module.scss.cjs");function c({icon:o,label:a,active:n=!1,destructive:s=!1,className:u,...l}){const i=[t.default["action-button"],n?t.default["action-button--active"]:"",s?t.default["action-button--destructive"]:"",u??""].filter(Boolean).join(" ");return e.jsxs("button",{className:i,"aria-pressed":n,...l,children:[e.jsx("span",{className:t.default["action-button__icon"],children:o}),e.jsx("span",{className:t.default["action-button__label"],children:a})]})}exports.default=c;
-//# sourceMappingURL=ActionButton.cjs.map

package/dist/components/action-button/ActionButton.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionButton.cjs","sources":["../../../src/components/action-button/ActionButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from 'react';\nimport styles from './ActionButton.module.scss';\n\nexport interface ActionButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  icon: ReactNode;\n  label: string;\n  active?: boolean;\n  destructive?: boolean;\n}\n\n/**\n * Action Buttons surface a small set of high-frequency actions in a fixed context — a\n * profile popover, a channel info panel, a card. They sit close to the content they act on\n * and read as a row of equal-weight choices.\n */\nexport default function ActionButton({\n  icon,\n  label,\n  active = false,\n  destructive = false,\n  className,\n  ...htmlProps\n}: ActionButtonProps) {\n  const rootClass = [\n    styles['action-button'],\n    active ? styles['action-button--active'] : '',\n    destructive ? styles['action-button--destructive'] : '',\n    className ?? '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <button className={rootClass} aria-pressed={active} {...htmlProps}>\n      <span className={styles['action-button__icon']}>{icon}</span>\n      <span className={styles['action-button__label']}>{label}</span>\n    </button>\n  );\n}\n"],"names":["ActionButton","icon","label","active","destructive","className","htmlProps","rootClass","styles","jsx"],"mappings":"6LAeA,SAAwBA,EAAa,CACnC,KAAAC,EACA,MAAAC,EACA,OAAAC,EAAS,GACT,YAAAC,EAAc,GACd,UAAAC,EACA,GAAGC,CACL,EAAsB,CACpB,MAAMC,EAAY,CAChBC,EAAAA,QAAO,eAAe,EACtBL,EAASK,EAAAA,QAAO,uBAAuB,EAAI,GAC3CJ,EAAcI,EAAAA,QAAO,4BAA4B,EAAI,GACrDH,GAAa,EAAA,EAEZ,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,cACG,SAAA,CAAO,UAAWE,EAAW,eAAcJ,EAAS,GAAGG,EACtD,SAAA,CAAAG,MAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,qBAAqB,EAAI,SAAAP,EAAK,QACrD,OAAA,CAAK,UAAWO,EAAAA,QAAO,sBAAsB,EAAI,SAAAN,CAAA,CAAM,CAAA,EAC1D,CAEJ"}

package/dist/components/action-button/ActionButton.d.ts

@@ -1,14 +0,0 @@
-import { ButtonHTMLAttributes, ReactNode } from 'react';
-export interface ActionButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    icon: ReactNode;
-    label: string;
-    active?: boolean;
-    destructive?: boolean;
-}
-/**
- * Action Buttons surface a small set of high-frequency actions in a fixed context — a
- * profile popover, a channel info panel, a card. They sit close to the content they act on
- * and read as a row of equal-weight choices.
- */
-export default function ActionButton({ icon, label, active, destructive, className, ...htmlProps }: ActionButtonProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ActionButton.d.ts.map

package/dist/components/action-button/ActionButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../../../src/components/action-button/ActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7D,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAChF,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,IAAI,EACJ,KAAK,EACL,MAAc,EACd,WAAmB,EACnB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,iBAAiB,2CAgBnB"}

package/dist/components/action-button/ActionButton.js

@@ -1,25 +0,0 @@
-import { jsxs as r, jsx as n } from "react/jsx-runtime";
-import t from "./ActionButton.module.scss.js";
-function f({
-  icon: a,
-  label: s,
-  active: o = !1,
-  destructive: e = !1,
-  className: i,
-  ...c
-}) {
-  const l = [
-    t["action-button"],
-    o ? t["action-button--active"] : "",
-    e ? t["action-button--destructive"] : "",
-    i ?? ""
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r("button", { className: l, "aria-pressed": o, ...c, children: [
-    /* @__PURE__ */ n("span", { className: t["action-button__icon"], children: a }),
-    /* @__PURE__ */ n("span", { className: t["action-button__label"], children: s })
-  ] });
-}
-export {
-  f as default
-};
-//# sourceMappingURL=ActionButton.js.map

package/dist/components/action-button/ActionButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionButton.js","sources":["../../../src/components/action-button/ActionButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from 'react';\nimport styles from './ActionButton.module.scss';\n\nexport interface ActionButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  icon: ReactNode;\n  label: string;\n  active?: boolean;\n  destructive?: boolean;\n}\n\n/**\n * Action Buttons surface a small set of high-frequency actions in a fixed context — a\n * profile popover, a channel info panel, a card. They sit close to the content they act on\n * and read as a row of equal-weight choices.\n */\nexport default function ActionButton({\n  icon,\n  label,\n  active = false,\n  destructive = false,\n  className,\n  ...htmlProps\n}: ActionButtonProps) {\n  const rootClass = [\n    styles['action-button'],\n    active ? styles['action-button--active'] : '',\n    destructive ? styles['action-button--destructive'] : '',\n    className ?? '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <button className={rootClass} aria-pressed={active} {...htmlProps}>\n      <span className={styles['action-button__icon']}>{icon}</span>\n      <span className={styles['action-button__label']}>{label}</span>\n    </button>\n  );\n}\n"],"names":["ActionButton","icon","label","active","destructive","className","htmlProps","rootClass","styles","jsx"],"mappings":";;AAeA,SAAwBA,EAAa;AAAA,EACnC,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,aAAAC,IAAc;AAAA,EACd,WAAAC;AAAA,EACA,GAAGC;AACL,GAAsB;AACpB,QAAMC,IAAY;AAAA,IAChBC,EAAO,eAAe;AAAA,IACtBL,IAASK,EAAO,uBAAuB,IAAI;AAAA,IAC3CJ,IAAcI,EAAO,4BAA4B,IAAI;AAAA,IACrDH,KAAa;AAAA,EAAA,EAEZ,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,2BACG,UAAA,EAAO,WAAWE,GAAW,gBAAcJ,GAAS,GAAGG,GACtD,UAAA;AAAA,IAAA,gBAAAG,EAAC,QAAA,EAAK,WAAWD,EAAO,qBAAqB,GAAI,UAAAP,GAAK;AAAA,sBACrD,QAAA,EAAK,WAAWO,EAAO,sBAAsB,GAAI,UAAAN,EAAA,CAAM;AAAA,EAAA,GAC1D;AAEJ;"}

package/dist/components/action-button/ActionButton.module.css

@@ -1 +0,0 @@
-._action-button_3tbmq_2{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xxxs);width:88px;padding:var(--spacing-m) var(--spacing-l) var(--spacing-s);border:none;border-radius:var(--radius-s);background-color:rgba(var(--center-channel-color-rgb),.04);color:rgba(var(--center-channel-color-rgb),.64);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)}._action-button_3tbmq_2:focus-visible{outline:none}._action-button_3tbmq_2:focus-visible:not(:disabled){box-shadow:0 0 0 3px var(--center-channel-bg),0 0 0 5px var(--button-bg)}._action-button_3tbmq_2:hover:not(:disabled){background-color:rgba(var(--center-channel-color-rgb),.08);color:rgba(var(--center-channel-color-rgb),.75)}._action-button_3tbmq_2:active:not(:disabled){background-color:rgba(var(--button-bg-rgb),.08);color:var(--link-color)}._action-button_3tbmq_2:disabled{opacity:.48;cursor:not-allowed}._action-button--active_3tbmq_34{background-color:rgba(var(--button-bg-rgb),.08)}._action-button--active_3tbmq_34 ._action-button__icon_3tbmq_37,._action-button--active_3tbmq_34 ._action-button__label_3tbmq_38{color:var(--link-color)}._action-button--active_3tbmq_34:hover:not(:disabled){background-color:rgba(var(--button-bg-rgb),.12)}._action-button--active_3tbmq_34:active:not(:disabled){background-color:rgba(var(--button-bg-rgb),.16)}._action-button--destructive_3tbmq_47{background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.04);color:var(--error-text, var(--color-danger))}._action-button--destructive_3tbmq_47:hover:not(:disabled){background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.08);color:var(--error-text, var(--color-danger))}._action-button--destructive_3tbmq_47:active:not(:disabled){background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.16);color:var(--error-text, var(--color-danger))}._action-button--destructive_3tbmq_47:focus-visible:not(:disabled){box-shadow:0 0 0 3px var(--center-channel-bg),0 0 0 5px var(--error-text, var(--color-danger))}._action-button__icon_3tbmq_37{display:flex;align-items:center;justify-content:center;width:var(--icon-size-20);height:var(--icon-size-20);flex-shrink:0}._action-button__label_3tbmq_38{font-family:var(--font-family-body);font-size:var(--font-size-50);font-weight:var(--font-weight-semibold);line-height:var(--line-height-50);letter-spacing:.11px;white-space:nowrap;text-align:center}

package/dist/components/action-button/ActionButton.module.scss.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ActionButton.module.css');const t={"action-button":"_action-button_3tbmq_2","action-button--active":"_action-button--active_3tbmq_34","action-button__icon":"_action-button__icon_3tbmq_37","action-button__label":"_action-button__label_3tbmq_38","action-button--destructive":"_action-button--destructive_3tbmq_47"};exports.default=t;
-//# sourceMappingURL=ActionButton.module.scss.cjs.map

package/dist/components/action-button/ActionButton.module.scss.cjs.map

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

package/dist/components/action-button/ActionButton.module.scss.js

@@ -1,11 +0,0 @@
-import './ActionButton.module.css';const t = {
-  "action-button": "_action-button_3tbmq_2",
-  "action-button--active": "_action-button--active_3tbmq_34",
-  "action-button__icon": "_action-button__icon_3tbmq_37",
-  "action-button__label": "_action-button__label_3tbmq_38",
-  "action-button--destructive": "_action-button--destructive_3tbmq_47"
-};
-export {
-  t as default
-};
-//# sourceMappingURL=ActionButton.module.scss.js.map

package/dist/components/action-button/ActionButton.module.scss.js.map

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

package/dist/components/action-button/index.cjs

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

package/dist/components/action-button/index.d.ts

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