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

package/dist/components/TeamAvatar/TeamAvatar.d.ts

@@ -1,5 +1,5 @@
 export type TeamAvatarSize = '24' | '28' | '32' | '40' | '48' | '56' | '64' | '72' | '96' | '120';
-export type TeamAvatarState = 'Default' | 'Active';
+export type TeamAvatarState = 'default' | 'active';
 export interface TeamAvatarProps {
     alt?: string;
     badge?: number;
@@ -9,5 +9,9 @@ export interface TeamAvatarProps {
     src?: string;
     state?: TeamAvatarState;
 }
+/**
+ * Team Avatars identify a Team in Mattermost. Their rounded-square shape sets them apart
+ * from circular User Avatars at a glance — same scanning rhythm, different kind of subject.
+ */
 export default function TeamAvatar({ alt, badge, className, initials, size, src, state, }: TeamAvatarProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TeamAvatar.d.ts.map

package/dist/components/TeamAvatar/TeamAvatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TeamAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/TeamAvatar/TeamAvatar.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GACtB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,CAAC;AACV,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEnD,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,GAAQ,EACR,KAAK,EACL,SAAc,EACd,QAAe,EACf,IAAW,EACX,GAAG,EACH,KAAiB,GAClB,EAAE,eAAe,2CAqCjB"}
+{"version":3,"file":"TeamAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/TeamAvatar/TeamAvatar.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GACtB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,CAAC;AACV,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEnD,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,GAAQ,EACR,KAAK,EACL,SAAc,EACd,QAAe,EACf,IAAW,EACX,GAAG,EACH,KAAiB,GAClB,EAAE,eAAe,2CAqCjB"}

package/dist/components/TextArea/TextArea.d.ts

@@ -1,5 +1,5 @@
 import { TextareaHTMLAttributes, ReactNode } from 'react';
-export type TextAreaSize = 'Small' | 'Medium' | 'Large';
+export type TextAreaSize = 'small' | 'medium' | 'large';
 export interface TextAreaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> {
     /** Optional CSS class name. */
     className?: string;
@@ -15,11 +15,9 @@ export interface TextAreaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaE
     size?: TextAreaSize;
 }
 /**
- * Text Area component with optional floating label and character counter.
- * Multi-line text input for long-form content. Matches Figma Text Area v2.0.0.
- * Used in message compose, post editing, admin settings.
- *
- * @see https://compass.mattermost.com (Text Area)
+ * Text Areas let people write long-form text that spans multiple lines — descriptions,
+ * channel purposes, message drafts, admin notes. They share their visual rhythm with Text
+ * Input but trade the single-line constraint for room to breathe.
  */
 declare const TextArea: import('react').ForwardRefExoticComponent<TextAreaProps & import('react').RefAttributes<HTMLTextAreaElement>>;
 export default TextArea;

package/dist/components/TextArea/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAK5E,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,sBAAsB,CAAC,mBAAmB,CAAC,EAC3C,MAAM,CACP;IACC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+FAA+F;IAC/F,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sFAAsF;IACtF,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,qCAAqC;IACrC,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED;;;;;;GAMG;AACH,QAAA,MAAM,QAAQ,+GAoHb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAK5E,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,sBAAsB,CAAC,mBAAmB,CAAC,EAC3C,MAAM,CACP;IACC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+FAA+F;IAC/F,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sFAAsF;IACtF,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,qCAAqC;IACrC,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED;;;;GAIG;AACH,QAAA,MAAM,QAAQ,+GAoHb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/TextInput/TextInput.d.ts

@@ -1,5 +1,5 @@
 import { InputHTMLAttributes, ReactNode } from 'react';
-export type TextInputSize = 'Small' | 'Medium' | 'Large';
+export type TextInputSize = 'small' | 'medium' | 'large';
 export interface TextInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
     /** Optional CSS class name. */
     className?: string;
@@ -19,11 +19,8 @@ export interface TextInputProps extends Omit<InputHTMLAttributes<HTMLInputElemen
     trailingIcon?: ReactNode;
 }
 /**
- * Text Input component with optional floating label, leading/trailing icons, and character counter.
- * Matches Figma Text Input v2.0.1 (Border=On only). Uses theme variables only.
- * When label is provided, the label floats above the border on focus or when the field has a value.
- *
- * @see https://compass.mattermost.com (Text Input)
+ * Text Inputs let people enter and edit a single line of text — names, emails, search
+ * queries, channel titles. They're the workhorse of every form and modal in Mattermost.
  */
 declare const TextInput: import('react').ForwardRefExoticComponent<TextInputProps & import('react').RefAttributes<HTMLInputElement>>;
 export default TextInput;

package/dist/components/TextInput/TextInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../src/components/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,mBAAmB,EACnB,SAAS,EAGV,MAAM,OAAO,CAAC;AAKf,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,CACP;IACC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+FAA+F;IAC/F,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qEAAqE;IACrE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,uFAAuF;IACvF,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,qBAAqB;IACrB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED;;;;;;GAMG;AACH,QAAA,MAAM,SAAS,6GAoJd,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../src/components/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,mBAAmB,EACnB,SAAS,EAGV,MAAM,OAAO,CAAC;AAKf,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,CACP;IACC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+FAA+F;IAC/F,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qEAAqE;IACrE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,uFAAuF;IACvF,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,qBAAqB;IACrB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED;;;GAGG;AACH,QAAA,MAAM,SAAS,6GAoJd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/ThreadFooter/ThreadFooter.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-export type ThreadFooterBadge = 'None' | 'Unread' | 'Mention';
+export type ThreadFooterBadge = 'none' | 'unread' | 'mention';
 export interface AvatarData {
     src: string;
     alt: string;
@@ -25,9 +25,9 @@ export interface ThreadFooterProps extends HTMLAttributes<HTMLDivElement> {
     className?: string;
 }
 /**
- * Reply summary bar at the bottom of messages.
- * Shows participant avatars, reply count, Follow/Following toggle,
- * and last reply time. Badge variants: None, Unread dot, Mention count.
+ * The Thread Footer is the reply summary bar at the bottom of a message. It shows
+ * participants, reply count, follow state, and last-reply time — the information someone
+ * needs to decide whether to dive in.
  */
 export default function ThreadFooter({ replyCount, avatars, badge, following, lastReplyTime, onReply, onFollowToggle, hovered, className, ...rest }: ThreadFooterProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ThreadFooter.d.ts.map

package/dist/components/ThreadListItem/ThreadListItem.d.ts

@@ -4,7 +4,7 @@ export interface ThreadListItemProps {
     /** Whether this item is the active/selected thread. */
     active?: boolean;
     /** Badge in the left gutter. Default: None. Hidden when `active` is true. */
-    badge?: 'None' | 'Unread' | 'Mention';
+    badge?: 'none' | 'unread' | 'mention';
     /** Shown when `badge` is Mention. Default: 1. */
     mentionCount?: number;
     /** Author name. */
@@ -29,9 +29,9 @@ export interface ThreadListItemProps {
     onMenuClick?: (event: MouseEvent<HTMLButtonElement>) => void;
 }
 /**
- * Thread entry in the Threads view. Shows author, team badge, preview text,
- * timestamp, participant avatars, reply count. Badge variants: None, Unread,
- * Mention. More actions (⋯) appear on row hover or focus.
+ * The Thread List Item is a single entry in the Threads view. Each row gives the user enough
+ * context — who, where, what, when — to decide whether to open the thread without opening
+ * it.
  */
 export default function ThreadListItem({ active, badge, mentionCount, authorName, channelLabel, previewText, timestamp, replyCount, participants: participantsProp, threadTitle, className, onClick, onMenuClick, }: ThreadListItemProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ThreadListItem.d.ts.map

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

@@ -1,4 +1,4 @@
-export type ToastType = 'General' | 'Info' | 'Success' | 'Warning' | 'Danger';
+export type ToastType = 'general' | 'info' | 'success' | 'warning' | 'danger';
 export interface ToastProps {
     className?: string;
     message: string;
@@ -7,5 +7,10 @@ export interface ToastProps {
     onAction?: () => void;
     onDismiss?: () => void;
 }
+/**
+ * Toasts notify the user that an action has completed or surface a brief message about a
+ * system process. They sit on top of the workflow without interrupting it, don't require
+ * user input to disappear, and auto-dismiss after a short duration.
+ */
 export default function Toast({ className, message, type, actionLabel, onAction, onDismiss, }: ToastProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Toast.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAWA,MAAM,MAAM,SAAS,GACjB,SAAS,GACT,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;AAEb,MAAM,WAAW,UAAU;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAUD,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,SAAc,EACd,OAAO,EACP,IAAgB,EAChB,WAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE,UAAU,2CAkCZ"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAWA,MAAM,MAAM,SAAS,GACjB,SAAS,GACT,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;AAEb,MAAM,WAAW,UAAU;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAUD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,SAAc,EACd,OAAO,EACP,IAAgB,EAChB,WAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE,UAAU,2CAkCZ"}

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export type TooltipArrow = 'Top' | 'Right' | 'Bottom' | 'Left';
+export type TooltipArrow = 'top' | 'right' | 'bottom' | 'left';
 export interface TooltipShortcutKey {
     label: string;
 }
@@ -18,8 +18,9 @@ export interface TooltipProps {
     className?: string;
 }
 /**
- * Tooltip component matching Figma design.
- * Dark overlay for hover context with optional arrow, hint, and keyboard shortcuts.
+ * Tooltips surface short, supporting text on hover. Reach for a tooltip when the affordance
+ * behind it isn't fully self-explanatory — an Icon Button, a truncated label, a keyboard
+ * shortcut. Don't reach for one when the label is already on screen.
  */
 export default function Tooltip({ label, arrow, hint, shortcutKeys, icon, className, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Tooltip.d.ts.map

package/dist/components/Tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE/D,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YAAY;IAC3B,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yDAAyD;IACzD,YAAY,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACpC,kCAAkC;IAClC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,KAAK,EACL,KAAe,EACf,IAAI,EACJ,YAAY,EACZ,IAAI,EACJ,SAAc,GACf,EAAE,YAAY,2CAmCd"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE/D,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YAAY;IAC3B,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yDAAyD;IACzD,YAAY,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACpC,kCAAkC;IAClC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,KAAK,EACL,KAAe,EACf,IAAI,EACJ,YAAY,EACZ,IAAI,EACJ,SAAc,GACf,EAAE,YAAY,2CAmCd"}

package/dist/components/UnreadBadge/UnreadBadge.d.ts

@@ -1,5 +1,5 @@
 export type UnreadBadgeSize = '6' | '8';
-export type UnreadBadgeContext = 'Team Icon' | 'Icon Button';
+export type UnreadBadgeContext = 'team-icon' | 'icon-button';
 export interface UnreadBadgeProps {
     /** Dot size in px. Default: 8. */
     size?: UnreadBadgeSize;
@@ -7,15 +7,13 @@ export interface UnreadBadgeProps {
     context?: UnreadBadgeContext;
     /** Optional CSS class name. */
     className?: string;
-    /** Accessible label. Default: "Unread". */
+    /** Accessible label. Default: "unread". */
     'aria-label'?: string;
 }
 /**
- * Small unread dot indicator (no number).
- * Signals "something unread" without a count.
- * Two sizes (6/8 px) and two contexts (Team Icon / Icon Button).
- *
- * @see Figma Unread Badge (v2.0.0, Source: F3fippSczUZwF6C5yXoNFf)
+ * The Unread Badge is a small dot that signals "something's new here" without specifying how
+ * much. Reach for it when the count would be noisy, distracting, or simply isn't useful — a
+ * Team has unread channels, an icon button has a new state, a tab has activity behind it.
  */
 export default function UnreadBadge({ 'aria-label': ariaLabel, className, context, size, }: UnreadBadgeProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=UnreadBadge.d.ts.map

package/dist/components/UnreadBadge/UnreadBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UnreadBadge.d.ts","sourceRoot":"","sources":["../../../src/components/UnreadBadge/UnreadBadge.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,eAAe,GAAG,GAAG,GAAG,GAAG,CAAC;AAExC,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG,aAAa,CAAC;AAE7D,MAAM,WAAW,gBAAgB;IAC/B,kCAAkC;IAClC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,0FAA0F;IAC1F,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,YAAY,EAAE,SAAoB,EAClC,SAAc,EACd,OAAqB,EACrB,IAAU,GACX,EAAE,gBAAgB,2CAQlB"}
+{"version":3,"file":"UnreadBadge.d.ts","sourceRoot":"","sources":["../../../src/components/UnreadBadge/UnreadBadge.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,eAAe,GAAG,GAAG,GAAG,GAAG,CAAC;AAExC,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG,aAAa,CAAC;AAE7D,MAAM,WAAW,gBAAgB;IAC/B,kCAAkC;IAClC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,0FAA0F;IAC1F,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,YAAY,EAAE,SAAoB,EAClC,SAAc,EACd,OAAqB,EACrB,IAAU,GACX,EAAE,gBAAgB,2CAQlB"}

package/dist/components/UserAvatar/UserAvatar.d.ts

@@ -2,7 +2,7 @@ import { ImgHTMLAttributes } from 'react';
 /** Figma User Avatar sizes. */
 export type UserAvatarSize = '12' | '16' | '20' | '24' | '28' | '32' | '40' | '48' | '56' | '64' | '72' | '80' | '96' | '120';
 /** Figma User Avatar Fallback colour variants. */
-export type UserAvatarFallbackColor = 'Red' | 'Purple' | 'Neutral' | 'Blue' | 'Cyan' | 'Yellow' | 'Green' | 'Orange';
+export type UserAvatarFallbackColor = 'red' | 'purple' | 'neutral' | 'blue' | 'cyan' | 'yellow' | 'green' | 'orange';
 export interface UserAvatarProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt' | 'width' | 'height'> {
     /** Alt text for the avatar image. */
     alt: string;
@@ -26,14 +26,9 @@ export interface UserAvatarProps extends Omit<ImgHTMLAttributes<HTMLImageElement
     status?: boolean;
 }
 /**
- * User avatar. Matches Figma User Avatar — Image and Fallback variants.
- * When `src` is provided, renders an `<img>`; otherwise renders initials on
- * one of eight deterministic colour backgrounds (hashed from `name`/`alt`,
- * or overridden via `fallbackColor`). System variant is not implemented.
- *
- * Uses StatusBadge for online indicator when status=true.
- *
- * @see Figma User Avatar (Type=Image, Type=Fallback)
+ * User Avatars represent a person — usually their uploaded photo, with initials on a colour
+ * background as a fallback. Their circular shape distinguishes them from rounded-square Team
+ * Avatars at a glance.
  */
 export default function UserAvatar({ alt, className, src, name, fallbackColor, size, status, ...imgProps }: UserAvatarProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=UserAvatar.d.ts.map

package/dist/components/UserAvatar/UserAvatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/UserAvatar/UserAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM/C,+BAA+B;AAC/B,MAAM,MAAM,cAAc,GACtB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,CAAC;AAEV,kDAAkD;AAClD,MAAM,MAAM,uBAAuB,GAC/B,KAAK,GACL,QAAQ,GACR,SAAS,GACT,MAAM,GACN,MAAM,GACN,QAAQ,GACR,OAAO,GACP,QAAQ,CAAC;AAEb,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,iBAAiB,CAAC,gBAAgB,CAAC,EACnC,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,CACnC;IACC,qCAAqC;IACrC,GAAG,EAAE,MAAM,CAAC;IACZ,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,8CAA8C;IAC9C,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,uFAAuF;IACvF,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA8CD;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,GAAG,EACH,SAAc,EACd,GAAG,EACH,IAAI,EACJ,aAAa,EACb,IAAW,EACX,MAAc,EACd,GAAG,QAAQ,EACZ,EAAE,eAAe,2CA2CjB"}
+{"version":3,"file":"UserAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/UserAvatar/UserAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM/C,+BAA+B;AAC/B,MAAM,MAAM,cAAc,GACtB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,CAAC;AAEV,kDAAkD;AAClD,MAAM,MAAM,uBAAuB,GAC/B,KAAK,GACL,QAAQ,GACR,SAAS,GACT,MAAM,GACN,MAAM,GACN,QAAQ,GACR,OAAO,GACP,QAAQ,CAAC;AAEb,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,iBAAiB,CAAC,gBAAgB,CAAC,EACnC,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,CACnC;IACC,qCAAqC;IACrC,GAAG,EAAE,MAAM,CAAC;IACZ,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,8CAA8C;IAC9C,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,uFAAuF;IACvF,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA8CD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,GAAG,EACH,SAAc,EACd,GAAG,EACH,IAAI,EACJ,aAAa,EACb,IAAW,EACX,MAAc,EACd,GAAG,QAAQ,EACZ,EAAE,eAAe,2CA2CjB"}

package/dist/components/UserAvatarGroup/UserAvatarGroup.d.ts

@@ -18,12 +18,9 @@ export interface UserAvatarGroupProps {
     className?: string;
 }
 /**
- * Stacked, overlapping user avatars showing multiple participants.
- * Displays up to `max` avatars then shows an overflow "+N" chip.
- * Hover shows a `Tooltip` with each participant’s display name.
- * Used in thread footers, call cards, and playbook run info.
- *
- * @see Figma Avatar Group (v1.0.1)
+ * A User Avatar Group displays multiple participants as a stack of overlapping avatars. It's
+ * a compact way to show "who's involved" — thread participants, channel members, call
+ * attendees — without a list.
  */
 export default function UserAvatarGroup({ avatars, className, max, size, }: UserAvatarGroupProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=UserAvatarGroup.d.ts.map

package/dist/components/UserAvatarGroup/UserAvatarGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserAvatarGroup.d.ts","sourceRoot":"","sources":["../../../src/components/UserAvatarGroup/UserAvatarGroup.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,mBAAmB,GAC3B,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAC;AAET,MAAM,WAAW,mBAAmB;IAClC,oCAAoC;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,gFAAgF;IAChF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mFAAmF;IACnF,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,oBAAoB;IACnC,wCAAwC;IACxC,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,uFAAuF;IACvF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iFAAiF;IACjF,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAYD;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,OAAO,EACP,SAAc,EACd,GAAO,EACP,IAAW,GACZ,EAAE,oBAAoB,2CAqEtB"}
+{"version":3,"file":"UserAvatarGroup.d.ts","sourceRoot":"","sources":["../../../src/components/UserAvatarGroup/UserAvatarGroup.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,mBAAmB,GAC3B,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAC;AAET,MAAM,WAAW,mBAAmB;IAClC,oCAAoC;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,gFAAgF;IAChF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mFAAmF;IACnF,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,oBAAoB;IACnC,wCAAwC;IACxC,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,uFAAuF;IACvF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iFAAiF;IACjF,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAYD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,OAAO,EACP,SAAc,EACd,GAAO,EACP,IAAW,GACZ,EAAE,oBAAoB,2CAqEtB"}