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

package/dist/components/MessageHeader/MessageHeader.d.ts

@@ -4,6 +4,11 @@ type MessageHeaderProps = {
     isBot?: boolean;
     botLabel?: string;
 };
+/**
+ * The Message Header sits above every message body — username, optional bot or guest tag,
+ * and timestamp. It's the byline of the conversation, so the rules are tight: same parts,
+ * same order, every time.
+ */
 export default function MessageHeader({ username, timestamp, isBot, botLabel, }: MessageHeaderProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=MessageHeader.d.ts.map

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

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

package/dist/components/MessageReactions/MessageReactions.d.ts

@@ -26,9 +26,9 @@ export interface MessageReactionsProps extends HTMLAttributes<HTMLDivElement> {
     className?: string;
 }
 /**
- * Emoji reaction chips displayed below messages.
- * Distinguishes the current user's own reactions (highlighted) from others.
- * Includes an add-reaction button and an optional Acknowledge variant.
+ * Message Reactions are the row of emoji pills below a message — the lightest weight way to
+ * respond, applaud, or acknowledge without adding to the thread. The component handles the
+ * count, the "this is mine" highlight, and the add-reaction affordance.
  */
 export default function MessageReactions({ reactions, showAddReaction, acknowledged, acknowledgeCount, currentUserAcknowledged, onAddReaction, onReactionClick, onAcknowledge, className, ...rest }: MessageReactionsProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MessageReactions.d.ts.map

package/dist/components/MessageSeparator/MessageSeparator.d.ts

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

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

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

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export type ModalSize = 'Small' | 'Medium' | 'Large';
+export type ModalSize = 'small' | 'medium' | 'large';
 export interface ModalProps {
     /** Width variant. Figma: Size — Small 600px, Medium 704px, Large 832px. */
     size?: ModalSize;

package/dist/components/MoreUnreadsBanner/MoreUnreadsBanner.d.ts

@@ -1,5 +1,5 @@
-export type MoreUnreadsBannerDirection = 'Up' | 'Down';
-export type MoreUnreadsBannerSize = 'Small' | 'Medium' | 'Large';
+export type MoreUnreadsBannerDirection = 'up' | 'down';
+export type MoreUnreadsBannerSize = 'small' | 'medium' | 'large';
 export interface MoreUnreadsBannerProps {
     /** Optional CSS class name. */
     className?: string;
@@ -11,8 +11,9 @@ export interface MoreUnreadsBannerProps {
     onClick?: () => void;
 }
 /**
- * More Unreads Banner — simple pill banner indicating unread messages
- * above or below the viewport in channel view.
+ * The More Unreads Banner is the small pill that floats inside the channel sidebar to tell
+ * the user there are unread channels above or below the current scroll position. One arrow,
+ * one label — clicking it scrolls to the next unread.
  */
 export default function MoreUnreadsBanner({ className, direction, size, onClick, }: MoreUnreadsBannerProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MoreUnreadsBanner.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MoreUnreadsBanner.d.ts","sourceRoot":"","sources":["../../../src/components/MoreUnreadsBanner/MoreUnreadsBanner.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,0BAA0B,GAAG,IAAI,GAAG,MAAM,CAAC;AACvD,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEjE,MAAM,WAAW,sBAAsB;IACrC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,SAAS,CAAC,EAAE,0BAA0B,CAAC;IACvC,qCAAqC;IACrC,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,SAAc,EACd,SAAgB,EAChB,IAAe,EACf,OAAO,GACR,EAAE,sBAAsB,2CAmBxB"}
+{"version":3,"file":"MoreUnreadsBanner.d.ts","sourceRoot":"","sources":["../../../src/components/MoreUnreadsBanner/MoreUnreadsBanner.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,0BAA0B,GAAG,IAAI,GAAG,MAAM,CAAC;AACvD,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEjE,MAAM,WAAW,sBAAsB;IACrC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,SAAS,CAAC,EAAE,0BAA0B,CAAC;IACvC,qCAAqC;IACrC,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,SAAc,EACd,SAAgB,EAChB,IAAe,EACf,OAAO,GACR,EAAE,sBAAsB,2CAmBxB"}

package/dist/components/NewMessageBanner/NewMessageBanner.d.ts

@@ -1,4 +1,4 @@
-export type NewMessageBannerType = 'JumpToUnreads' | 'NewReplies';
+export type NewMessageBannerType = 'jump-to-unreads' | 'new-replies';
 export interface NewMessageBannerProps {
     /** Optional CSS class name. */
     className?: string;
@@ -12,9 +12,9 @@ export interface NewMessageBannerProps {
     onDismiss?: () => void;
 }
 /**
- * New Message Banner — blue pill banner for unread message navigation.
- * 'Jump to unreads' shows full-width with count. 'New replies' is compact.
- * Dismissable with X button.
+ * The New Messages Banner alerts the user that there's fresh activity in the channel they're
+ * reading. It floats over the message stream so they can jump to the unread region in one
+ * click — or dismiss it if they'd rather keep scrolling.
  */
 export default function NewMessageBanner({ className, type, countLabel, onClick, onDismiss, }: NewMessageBannerProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=NewMessageBanner.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"NewMessageBanner.d.ts","sourceRoot":"","sources":["../../../src/components/NewMessageBanner/NewMessageBanner.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,oBAAoB,GAAG,eAAe,GAAG,YAAY,CAAC;AAElE,MAAM,WAAW,qBAAqB;IACpC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,mGAAmG;IACnG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,SAAc,EACd,IAAsB,EACtB,UAAU,EACV,OAAO,EACP,SAAS,GACV,EAAE,qBAAqB,2CAsDvB"}
+{"version":3,"file":"NewMessageBanner.d.ts","sourceRoot":"","sources":["../../../src/components/NewMessageBanner/NewMessageBanner.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,GAAG,aAAa,CAAC;AAErE,MAAM,WAAW,qBAAqB;IACpC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,mGAAmG;IACnG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,SAAc,EACd,IAAwB,EACxB,UAAU,EACV,OAAO,EACP,SAAS,GACV,EAAE,qBAAqB,2CAsDvB"}

package/dist/components/PaginationDots/PaginationDots.d.ts

@@ -1,5 +1,5 @@
-export type PaginationDotsOrientation = 'Horizontal' | 'Vertical';
-export type PaginationDotsStyle = 'Default' | 'Inverted' | 'OnPrimary';
+export type PaginationDotsOrientation = 'horizontal' | 'vertical';
+export type PaginationDotsStyle = 'default' | 'inverted' | 'on-primary';
 export interface PaginationDotsProps {
     /** Total number of pages/steps. */
     pages: number;
@@ -15,10 +15,9 @@ export interface PaginationDotsProps {
     className?: string;
 }
 /**
- * Pagination Dots — step/progress indicator dots for multi-step flows.
- * Horizontal and vertical orientations. Default, inverted (sidebar), and
- * on-primary (light dots on `--button-bg` / info surfaces via `--button-color`).
- * Used in onboarding wizards.
+ * Pagination Dots indicate progress through a fixed sequence of steps — most often a
+ * multi-step onboarding flow or a swipeable carousel. One dot per step, the active one
+ * filled, the rest quiet.
  */
 export default function PaginationDots({ pages, activePage, orientation, dotStyle, onPageChange, className, }: PaginationDotsProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PaginationDots.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationDots.d.ts","sourceRoot":"","sources":["../../../src/components/PaginationDots/PaginationDots.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,yBAAyB,GAAG,YAAY,GAAG,UAAU,CAAC;AAClE,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,CAAC;AAEvE,MAAM,WAAW,mBAAmB;IAClC,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,UAAU,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,yBAAyB,CAAC;IACxC,qCAAqC;IACrC,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,wEAAwE;IACxE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,KAAK,EACL,UAAU,EACV,WAA0B,EAC1B,QAAoB,EACpB,YAAY,EACZ,SAAc,GACf,EAAE,mBAAmB,2CAqDrB"}
+{"version":3,"file":"PaginationDots.d.ts","sourceRoot":"","sources":["../../../src/components/PaginationDots/PaginationDots.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,yBAAyB,GAAG,YAAY,GAAG,UAAU,CAAC;AAClE,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CAAC;AAExE,MAAM,WAAW,mBAAmB;IAClC,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,UAAU,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,yBAAyB,CAAC;IACxC,qCAAqC;IACrC,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,wEAAwE;IACxE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,KAAK,EACL,UAAU,EACV,WAA0B,EAC1B,QAAoB,EACpB,YAAY,EACZ,SAAc,GACf,EAAE,mBAAmB,2CAqDrB"}

package/dist/components/PermalinkPreview/PermalinkPreview.d.ts

@@ -15,9 +15,9 @@ export interface PermalinkPreviewProps {
     className?: string;
 }
 /**
- * Inline preview of a linked message within a thread or channel. Shows sender
- * avatar, name, timestamp, and message content. Corresponds to Figma
- * Permalink Preview v1.0.0.
+ * A Permalink Preview renders an inline card for a message that another message links to.
+ * Sender, timestamp, body, and origin channel — enough context to recognise the quoted
+ * message without leaving where you are.
  */
 export default function PermalinkPreview({ authorName, avatarSrc, timestamp, messageText, originalChannel, onDismiss, className, }: PermalinkPreviewProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PermalinkPreview.d.ts.map

package/dist/components/PopoverNotice/PopoverNotice.d.ts

@@ -28,5 +28,11 @@ export interface PopoverNoticeProps {
     /** Optional CSS class name. */
     className?: string;
 }
+/**
+ * Popover Notice is a small overlay card that surfaces a transient message — a tip, a
+ * confirmation, a warning — without taking over the screen. Think of it as a [Section
+ * Notice](/components/section-notice) that floats: shorter, dismissable, and gone in five
+ * seconds unless the user engages.
+ */
 export default function PopoverNotice({ title, children, variant, icon, actions, showCheckbox, checkboxLabel, onClose, className, }: PopoverNoticeProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PopoverNotice.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PopoverNotice.d.ts","sourceRoot":"","sources":["../../../src/components/PopoverNotice/PopoverNotice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAYvC,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE7E,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;CACnC;AAED,MAAM,WAAW,kBAAkB;IACjC,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,4EAA4E;IAC5E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAChC,2DAA2D;IAC3D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+BAA+B;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgBD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,OAAO,EACP,YAAoB,EACpB,aAAoD,EACpD,OAAO,EACP,SAAc,GACf,EAAE,kBAAkB,2CA+DpB"}
+{"version":3,"file":"PopoverNotice.d.ts","sourceRoot":"","sources":["../../../src/components/PopoverNotice/PopoverNotice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAYvC,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE7E,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;CACnC;AAED,MAAM,WAAW,kBAAkB;IACjC,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,4EAA4E;IAC5E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAChC,2DAA2D;IAC3D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+BAA+B;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgBD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,OAAO,EACP,YAAoB,EACpB,aAAoD,EACpD,OAAO,EACP,SAAc,GACf,EAAE,kBAAkB,2CA6DpB"}

package/dist/components/ProductSwitcherMenu/ProductSwitcherMenu.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes, ReactNode } from 'react';
 /** Built-in products shipped with the switcher. */
-export type BuiltInProductSwitcherProduct = 'Channels' | 'Boards' | 'Playbooks';
+export type BuiltInProductSwitcherProduct = 'channels' | 'boards' | 'playbooks';
 /**
  * Product id for selection. Built-ins use their labels; prototypes use any
  * string id from {@link ProductSwitcherProductItem.id}.

package/dist/components/ProfilePopover/ProfilePopover.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export type ProfilePopoverUser = 'Others' | 'You';
+export type ProfilePopoverUser = 'others' | 'you';
 export interface ProfilePopoverCustomStatus {
     emoji: string;
     text: string;
@@ -27,7 +27,7 @@ export interface ProfilePopoverPhone {
     onClick?: () => void;
 }
 export interface ProfilePopoverProps {
-    /** Whose profile is shown. Default: 'Others'. */
+    /** Whose profile is shown. Default: 'others'. */
     user?: ProfilePopoverUser;
     /** Avatar image URL. */
     avatarSrc: string;

package/dist/components/ProgressBar/ProgressBar.d.ts

@@ -1,4 +1,4 @@
-export type ProgressBarSize = 'Small' | 'Large';
+export type ProgressBarSize = 'small' | 'large';
 export interface ProgressBarProps {
     /** Progress value 0–100. Default: 0. */
     value?: number;
@@ -15,9 +15,9 @@ export interface ProgressBarProps {
     className?: string;
 }
 /**
- * Progress Bar — horizontal progress indicator.
- * Size (Small/Large). Semantic colors mode changes fill color by percentage.
- * Used in upload progress, quota usage.
+ * Progress Bar shows determinate progress through a wait state — an upload finishing, a
+ * quota filling, an import running. Use it when the duration or total is known; reach for
+ * [Spinner](/components/spinner) when it isn't.
  */
 export default function ProgressBar({ value, size, semanticColors, 'aria-label': ariaLabel, className, }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ProgressBar.d.ts.map

package/dist/components/Radio/Radio.d.ts

@@ -1,5 +1,5 @@
 import { InputHTMLAttributes } from 'react';
-export type RadioSize = 'Small' | 'Medium' | 'Large';
+export type RadioSize = 'small' | 'medium' | 'large';
 export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
     /** Optional CSS class name. */
     className?: string;
@@ -11,13 +11,9 @@ export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
     children?: React.ReactNode;
 }
 /**
- * Radio component built on the native HTML radio input.
- * Supports checked/unchecked; sizes and valid/invalid styling match Figma Radio v2.0.0.
- *
- * Use with a shared `name` when grouping options so only one is selected.
- * Use with a label: pass children to render label text, or wrap in your own <label>.
- *
- * @see https://compass.mattermost.com (Radio)
+ * Radios let people pick exactly one option from a small, mutually exclusive set — a
+ * workspace plan, a notification cadence, a default theme. Use a Radio when the choices are
+ * few enough to show at once and the user benefits from seeing every option side-by-side.
  */
 export default function Radio({ className, size, valid, children, id: idProp, checked, defaultChecked, disabled, onChange, name, value, ...rest }: RadioProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Radio.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAMjD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAErD,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,MAAM,CAChB;IACC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oFAAoF;IACpF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,SAAc,EACd,IAAe,EACf,KAAY,EACZ,QAAQ,EACR,EAAE,EAAE,MAAM,EACV,OAAO,EACP,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,GAAG,IAAI,EACR,EAAE,UAAU,2CAmCZ"}
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAMjD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAErD,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,MAAM,CAChB;IACC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oFAAoF;IACpF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,SAAc,EACd,IAAe,EACf,KAAY,EACZ,QAAQ,EACR,EAAE,EAAE,MAAM,EACV,OAAO,EACP,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,GAAG,IAAI,EACR,EAAE,UAAU,2CAmCZ"}

package/dist/components/ReactionPill/ReactionPill.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
-export type ReactionPillSize = 'Small' | 'Medium' | 'Large';
-export type ReactionPillType = 'Reaction' | 'Hand Raise' | 'Other';
+export type ReactionPillSize = 'small' | 'medium' | 'large';
+export type ReactionPillType = 'reaction' | 'hand-raise' | 'other';
 export interface ReactionPillProps extends HTMLAttributes<HTMLDivElement> {
     /** Size variant. Default: Small. */
     size?: ReactionPillSize;
@@ -10,14 +10,15 @@ export interface ReactionPillProps extends HTMLAttributes<HTMLDivElement> {
     emoji?: string;
     /** Participant name / label text. */
     label?: string;
-    /** Notification message for 'Other' type. */
+    /** Notification message for 'other' type. */
     message?: string;
     /** Optional CSS class name. */
     className?: string;
 }
 /**
- * Call-specific reaction pills showing emoji, hand-raise, or notification reactions
- * during calls. Anatomy: Leading Icon + Label (+ Trailing Icon for Other type).
+ * Reaction Pills surface lightweight, transient signals during a call — emoji reactions,
+ * raised hands, and system notifications like "you've been muted." They float over the call
+ * surface long enough to register and then disappear; they aren't meant to be durable UI.
  */
 export default function ReactionPill({ size, type, emoji, label, message, className, ...rest }: ReactionPillProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ReactionPill.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ReactionPill.d.ts","sourceRoot":"","sources":["../../../src/components/ReactionPill/ReactionPill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO5C,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC5D,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,YAAY,GAAG,OAAO,CAAC;AAEnE,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,oCAAoC;IACpC,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,oCAAoC;IACpC,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,IAAc,EACd,IAAiB,EACjB,KAAY,EACZ,KAAoB,EACpB,OAA2C,EAC3C,SAAc,EACd,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAuDnB"}
+{"version":3,"file":"ReactionPill.d.ts","sourceRoot":"","sources":["../../../src/components/ReactionPill/ReactionPill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO5C,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC5D,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,YAAY,GAAG,OAAO,CAAC;AAEnE,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,oCAAoC;IACpC,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,oCAAoC;IACpC,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,IAAc,EACd,IAAiB,EACjB,KAAY,EACZ,KAAoB,EACpB,OAA2C,EAC3C,SAAc,EACd,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAuDnB"}

package/dist/components/Scrollbar/Scrollbar.d.ts

@@ -21,13 +21,10 @@ export interface ScrollbarProps {
     onScroll?: (e: Event) => void;
 }
 /**
- * Scrollbar — wraps content in a SimpleBar overlay scroller.
- *
- * The forwarded ref points at the inner scrollable `<div>`, so consumers can
- * call `.scrollTo(...)` or read `.scrollTop` for things like "scroll to item"
- * or "more unreads above/below" indicators.
- *
- * @see https://compass.mattermost.com/29be2c109/p/88cb9c-scrollbars
+ * Scrollbars let people move through content that exceeds the viewport while showing where
+ * they are in the larger whole. Compass uses a single, minimal treatment — a transparent
+ * track with a thin, translucent thumb — so the scrollbar reads as a position indicator
+ * first and a control second.
  */
 declare const Scrollbar: import('react').ForwardRefExoticComponent<ScrollbarProps & import('react').RefAttributes<HTMLDivElement>>;
 export default Scrollbar;

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

@@ -1 +1 @@
-{"version":3,"file":"Scrollbar.d.ts","sourceRoot":"","sources":["../../../src/components/Scrollbar/Scrollbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,wCAAwC,CAAC;AAGhD,MAAM,WAAW,cAAc;IAC7B,0BAA0B;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;CAC/B;AAED;;;;;;;;GAQG;AACH,QAAA,MAAM,SAAS,2GA6Cb,CAAC;AAEH,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Scrollbar.d.ts","sourceRoot":"","sources":["../../../src/components/Scrollbar/Scrollbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,wCAAwC,CAAC;AAGhD,MAAM,WAAW,cAAc;IAC7B,0BAA0B;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;CAC/B;AAED;;;;;GAKG;AACH,QAAA,MAAM,SAAS,2GA6Cb,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/dist/components/SearchInput/SearchInput.d.ts

@@ -1,5 +1,5 @@
 import { InputHTMLAttributes, ReactNode } from 'react';
-export type SearchInputSize = 'Small' | 'Medium' | 'Large';
+export type SearchInputSize = 'small' | 'medium' | 'large';
 export interface SearchInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
     /** Optional CSS class name. */
     className?: string;
@@ -11,9 +11,9 @@ export interface SearchInputProps extends Omit<InputHTMLAttributes<HTMLInputElem
     onClear?: () => void;
 }
 /**
- * Search Input component — text input with leading magnifier icon.
- * Used in global search bar, channel search, user search, and filter inputs.
- * Matches Figma Search Input (State: Default/Focus/Filled × Size S/M/L).
+ * Search Inputs are the entry point to filtering or finding content — global search, channel
+ * switcher, member picker, file finder. They look like a text input with a leading magnifier
+ * so the affordance is obvious before the user reads a single word.
  */
 declare const SearchInput: import('react').ForwardRefExoticComponent<SearchInputProps & import('react').RefAttributes<HTMLInputElement>>;
 export default SearchInput;

package/dist/components/SearchTipBanner/SearchTipBanner.d.ts

@@ -17,8 +17,9 @@ export interface SearchTipBannerProps {
     children?: ReactNode;
 }
 /**
- * Search Tip Banner — dismissable hint banner showing keyboard shortcut tips.
- * Used contextually to surface relevant keyboard shortcuts to users.
+ * The Search Tip Banner nudges people toward the keyboard shortcut for in-channel search. It
+ * appears once a user has scrolled up far enough that they're clearly looking for something,
+ * and offers a faster path than scroll-and-skim.
  */
 export default function SearchTipBanner({ prefix, suffix, shortcutKeys, onDismiss, className, children, }: SearchTipBannerProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SearchTipBanner.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SearchTipBanner.d.ts","sourceRoot":"","sources":["../../../src/components/SearchTipBanner/SearchTipBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC,gEAAgE;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yCAAyC;IACzC,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,MAAmB,EACnB,MAAiC,EACjC,YAAmE,EACnE,SAAS,EACT,SAAc,EACd,QAAQ,GACT,EAAE,oBAAoB,2CA6BtB"}
+{"version":3,"file":"SearchTipBanner.d.ts","sourceRoot":"","sources":["../../../src/components/SearchTipBanner/SearchTipBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC,gEAAgE;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yCAAyC;IACzC,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,MAAmB,EACnB,MAAiC,EACjC,YAAmE,EACnE,SAAS,EACT,SAAc,EACd,QAAQ,GACT,EAAE,oBAAoB,2CA6BtB"}

package/dist/components/SectionNotice/SectionNotice.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export type SectionNoticeType = 'Info' | 'Warning' | 'Danger' | 'Success' | 'Hint';
+export type SectionNoticeType = 'info' | 'warning' | 'danger' | 'success' | 'hint';
 export interface SectionNoticeProps {
     /** Optional CSS class name. */
     className?: string;
@@ -23,9 +23,9 @@ export interface SectionNoticeProps {
     onDismiss?: () => void;
 }
 /**
- * Section Notice — in-context notice block for settings and admin panels.
- * Color-coded by severity. Supports title, description, primary/secondary
- * action buttons, and dismiss.
+ * A Section Notice is an in-context alert that lives inside a settings page, admin panel, or
+ * other content region. Use it to flag important information, report a state change, or
+ * surface a problem the user needs to act on — without yanking them out of the flow.
  */
 export default function SectionNotice({ className, type, icon, title, description, primaryButtonLabel, onPrimaryAction, secondaryButtonLabel, onSecondaryAction, onDismiss, }: SectionNoticeProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SectionNotice.d.ts.map

package/dist/components/Select/Select.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export type SelectSize = 'Small' | 'Medium' | 'Large';
+export type SelectSize = 'small' | 'medium' | 'large';
 export type SelectOption = {
     value: string;
     label: string;
@@ -29,10 +29,8 @@ export interface SelectProps {
     zIndex?: number;
 }
 /**
- * Select with floating label and PopoverMenu list.
- * Field chrome matches Combobox / Text Input; list uses PopoverMenu + MenuItem.
- *
- * @see https://compass.mattermost.com (Select)
+ * { value: 'town-square', label: 'Town Square' }, { value: 'off-topic', label: 'Off-Topic'
+ * }, { value: 'design', label: 'Design' }, ];
  */
 declare const Select: import('react').ForwardRefExoticComponent<SelectProps & import('react').RefAttributes<HTMLButtonElement>>;
 export default Select;

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

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAuBtD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,sGAAsG;IACtG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mEAAmE;IACnE,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAqFD;;;;;GAKG;AACH,QAAA,MAAM,MAAM,2GAgUV,CAAC;AAEH,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAuBtD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,sGAAsG;IACtG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mEAAmE;IACnE,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAqFD;;;GAGG;AACH,QAAA,MAAM,MAAM,2GAgUV,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/dist/components/ShortcutTag/ShortcutTag.d.ts

@@ -1,5 +1,5 @@
-export type ShortcutTagSize = 'Small' | 'Medium' | 'Large';
-export type ShortcutTagLocation = 'Default' | 'Tooltips';
+export type ShortcutTagSize = 'small' | 'medium' | 'large';
+export type ShortcutTagLocation = 'default' | 'tooltips';
 export type ShortcutTagProps = {
     /** Key label (e.g. `⌘`, `Shift`, `K`). */
     label: string;

package/dist/components/Spinner/Spinner.d.ts

@@ -5,5 +5,9 @@ export interface SpinnerProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'rol
     inverted?: boolean;
     'aria-label'?: string;
 }
+/**
+ * A Spinner is the all-purpose indicator that something is happening but the duration is
+ * unknown. It signals "wait" without claiming to know how long the wait will be.
+ */
 export default function Spinner({ size, inverted, className, 'aria-label': ariaLabel, style, ...htmlProps }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Spinner.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,WAAW,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE3D,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,cAAc,CAAC,eAAe,CAAC,EAC/B,MAAM,CACP;IACC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,IAAS,EACT,QAAgB,EAChB,SAAc,EACd,YAAY,EAAE,SAAqB,EACnC,KAAK,EACL,GAAG,SAAS,EACb,EAAE,YAAY,2CAyBd"}
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,WAAW,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE3D,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,cAAc,CAAC,eAAe,CAAC,EAC/B,MAAM,CACP;IACC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,IAAS,EACT,QAAgB,EAChB,SAAc,EACd,YAAY,EAAE,SAAqB,EACnC,KAAK,EACL,GAAG,SAAS,EACb,EAAE,YAAY,2CAyBd"}

package/dist/components/StatusBadge/StatusBadge.d.ts

@@ -1,7 +1,7 @@
 /** Figma Status Badge size. */
-export type StatusBadgeSize = 'XX-Small' | 'X-Small' | 'Small' | 'Medium' | 'Large';
+export type StatusBadgeSize = 'xx-small' | 'x-small' | 'small' | 'medium' | 'large';
 /** Figma Status Badge status variant. */
-export type StatusBadgeStatus = 'Online' | 'Away' | 'Do Not Disturb' | 'Offline';
+export type StatusBadgeStatus = 'online' | 'away' | 'do-not-disturb' | 'offline';
 export interface StatusBadgeProps {
     /** Optional CSS class name. */
     className?: string;
@@ -11,10 +11,8 @@ export interface StatusBadgeProps {
     status?: StatusBadgeStatus;
 }
 /**
- * Status badge (Online, Away, Do Not Disturb, Offline).
- * Matches Figma Status Badge v2.0.1. Uses Icon + @mattermost/compass-icons.
- *
- * @see Figma Status Badge (Node ID: 702:1875)
+ * A Status Badge tells you whether someone is reachable. It pairs with an avatar or username
+ * so a glance is enough to know if a teammate is online, focused, away, or signed out.
  */
 export default function StatusBadge({ className, size, status, }: StatusBadgeProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=StatusBadge.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"StatusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/StatusBadge/StatusBadge.tsx"],"names":[],"mappings":"AAQA,+BAA+B;AAC/B,MAAM,MAAM,eAAe,GACvB,UAAU,GACV,SAAS,GACT,OAAO,GACP,QAAQ,GACR,OAAO,CAAC;AAEZ,yCAAyC;AACzC,MAAM,MAAM,iBAAiB,GACzB,QAAQ,GACR,MAAM,GACN,gBAAgB,GAChB,SAAS,CAAC;AAEd,MAAM,WAAW,gBAAgB;IAC/B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,sDAAsD;IACtD,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B;AAmBD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,SAAc,EACd,IAAgB,EAChB,MAAiB,GAClB,EAAE,gBAAgB,2CAiBlB"}
+{"version":3,"file":"StatusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/StatusBadge/StatusBadge.tsx"],"names":[],"mappings":"AAQA,+BAA+B;AAC/B,MAAM,MAAM,eAAe,GACvB,UAAU,GACV,SAAS,GACT,OAAO,GACP,QAAQ,GACR,OAAO,CAAC;AAEZ,yCAAyC;AACzC,MAAM,MAAM,iBAAiB,GACzB,QAAQ,GACR,MAAM,GACN,gBAAgB,GAChB,SAAS,CAAC;AAEd,MAAM,WAAW,gBAAgB;IAC/B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,sDAAsD;IACtD,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B;AAmBD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,SAAc,EACd,IAAgB,EAChB,MAAiB,GAClB,EAAE,gBAAgB,2CAiBlB"}

package/dist/components/Switch/Switch.d.ts

@@ -1,5 +1,5 @@
 import { InputHTMLAttributes } from 'react';
-export type SwitchSize = 'Small' | 'Medium' | 'Large';
+export type SwitchSize = 'small' | 'medium' | 'large';
 export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
     /** Optional CSS class name. */
     className?: string;
@@ -13,16 +13,8 @@ export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
     semiBold?: boolean;
 }
 /**
- * Switch component built on the native HTML checkbox.
- * Uses role="switch" so assistive tech announces "switch" and on/off state.
- * Renders as a track + sliding knob; checked = on (right), unchecked = off (left).
- *
- * Supports label, optional secondary label, sizes (Small/Medium/Large), and
- * states: default, hover, focus, active, disabled. Matches Figma Switch v2.0.0.
- *
- * Use with a label: pass children for the primary label, or wrap in your own <label>.
- *
- * @see https://compass.mattermost.com (Switch)
+ * A Switch is a real-world toggle: flip it, and the change happens. Use it for binary
+ * settings that take effect immediately and don't need a separate "Save" step.
  */
 export default function Switch({ className, size, children, secondaryLabel, semiBold, id: idProp, checked, defaultChecked, disabled, onChange, ...rest }: SwitchProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Switch.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAMjD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,MAAM,CAChB;IACC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2EAA2E;IAC3E,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,SAAc,EACd,IAAe,EACf,QAAQ,EACR,cAAc,EACd,QAAgB,EAChB,EAAE,EAAE,MAAM,EACV,OAAO,EACP,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,WAAW,2CAwDb"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAMjD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,MAAM,CAChB;IACC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2EAA2E;IAC3E,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,SAAc,EACd,IAAe,EACf,QAAQ,EACR,cAAc,EACd,QAAgB,EAChB,EAAE,EAAE,MAAM,EACV,OAAO,EACP,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,WAAW,2CAwDb"}

package/dist/components/Tabs/Tabs.d.ts

@@ -22,8 +22,9 @@ export interface TabsProps {
     controls?: ReactNode;
 }
 /**
- * Tabs component matching Figma design.
- * Horizontal tab navigation with active state, count badges, and unread indicators.
+ * Tabs let people switch between sibling views inside the same surface — Mentions in the
+ * right sidebar, sections of a settings panel, or filters on a list. The content area
+ * changes; the surrounding chrome doesn't.
  */
 export default function Tabs({ tabs, activeKey, onChange, className, controls, }: TabsProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Tabs.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,OAAO;IACtB,+BAA+B;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,SAAS;IACxB,qCAAqC;IACrC,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,uCAAuC;IACvC,SAAS,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,SAAc,EACd,QAAQ,GACT,EAAE,SAAS,2CAuDX"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,OAAO;IACtB,+BAA+B;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,SAAS;IACxB,qCAAqC;IACrC,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,uCAAuC;IACvC,SAAS,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,SAAc,EACd,QAAQ,GACT,EAAE,SAAS,2CAuDX"}

package/dist/components/Tag/Tag.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
-export type TagType = 'Default' | 'Info' | 'Info Dim' | 'Danger' | 'Success' | 'Warning';
-export type TagSize = 'Small' | 'X-Small';
-export type TagCasing = 'Title Case' | 'All Caps';
+export type TagType = 'default' | 'info' | 'info-dim' | 'danger' | 'success' | 'warning';
+export type TagSize = 'small' | 'x-small';
+export type TagCasing = 'title-case' | 'all-caps';
 export type TagProps = {
     /** Tag label text. */
     label: string;
@@ -17,8 +17,9 @@ export type TagProps = {
     className?: string;
 };
 /**
- * Compact pill for roles, status, tiers, and other metadata labels.
- * Maps to Figma Label Tag (v1.0.1).
+ * Tags are compact pills that mark something — a role (_BOT_, _GUEST_), a tier
+ * (_PROFESSIONAL_), a status (_NEW_, _BETA_), or a category. They're scannable signal: a way
+ * to surface a small piece of metadata without spending a sentence on it.
  */
 export default function Tag({ label, type, size, casing, leadingIcon, className, }: TagProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Tag.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,OAAO,GACf,SAAS,GACT,MAAM,GACN,UAAU,GACV,QAAQ,GACR,SAAS,GACT,SAAS,CAAC;AAEd,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;AAC1C,MAAM,MAAM,SAAS,GAAG,YAAY,GAAG,UAAU,CAAC;AAElD,MAAM,MAAM,QAAQ,GAAG;IACrB,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sCAAsC;IACtC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wCAAwC;IACxC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,kCAAkC;IAClC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAWF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,EAC1B,KAAK,EACL,IAAgB,EAChB,IAAgB,EAChB,MAAqB,EACrB,WAAW,EACX,SAAc,GACf,EAAE,QAAQ,2CAuBV"}
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,OAAO,GACf,SAAS,GACT,MAAM,GACN,UAAU,GACV,QAAQ,GACR,SAAS,GACT,SAAS,CAAC;AAEd,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;AAC1C,MAAM,MAAM,SAAS,GAAG,YAAY,GAAG,UAAU,CAAC;AAElD,MAAM,MAAM,QAAQ,GAAG;IACrB,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sCAAsC;IACtC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wCAAwC;IACxC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,kCAAkC;IAClC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAWF;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,EAC1B,KAAK,EACL,IAAgB,EAChB,IAAgB,EAChB,MAAqB,EACrB,WAAW,EACX,SAAc,GACf,EAAE,QAAQ,2CAuBV"}