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

package/dist/components/IconButton/IconButton.d.ts

@@ -1,8 +1,8 @@
 import { ButtonHTMLAttributes, ReactNode } from 'react';
-export type IconButtonSize = 'X-Small' | 'Small' | 'Medium' | 'Large';
+export type IconButtonSize = 'x-small' | 'small' | 'medium' | 'large';
 /** Figma "Style": Default (light context) | Inverted (dark context). */
-export type IconButtonStyle = 'Default' | 'Inverted';
-export type IconButtonPadding = 'Default' | 'Compact';
+export type IconButtonStyle = 'default' | 'inverted';
+export type IconButtonPadding = 'default' | 'compact';
 export interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'style'> {
     /** When true, forces the subtler pressed/active visual (lighter than toggled). */
     active?: boolean;
@@ -30,11 +30,10 @@ export interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonEle
 /** Icon size (px) per IconButton size. Use with Icon: size="12" | "16" | "20" | "24". */
 export declare const ICON_BUTTON_ICON_SIZES: Record<IconButtonSize, '12' | '16' | '20' | '24'>;
 /**
- * Icon-only button matching Figma Icon Button variants.
- * Pass icon e.g. <Icon glyph={<GlobeIcon size={SVG_SIZE_MAP['20']} />} size="20" /> — use ICON_BUTTON_ICON_SIZES[size] for the Icon container size.
- * Accessible via aria-label.
- *
- * @see https://compass.mattermost.com (Icon Button)
+ * Icon Buttons are compact, label-free actions for tight surfaces — channel headers, message
+ * hover actions, modal dismissals, toolbar slots. They lean on the icon to communicate
+ * intent, so every Icon Button must pair with a tooltip or `aria-label` that makes the
+ * action explicit.
  */
 export default function IconButton({ active, className, count, destructive, icon, padding, rounded, size, style, toggled, unreadBadge, disabled, type, 'aria-label': ariaLabel, ...rest }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=IconButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI7D,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtE,wEAAwE;AACxE,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,UAAU,CAAC;AAErD,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,SAAS,CAAC;AAEtD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,OAAO,CACR;IACC,kFAAkF;IAClF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gIAAgI;IAChI,IAAI,EAAE,SAAS,CAAC;IAChB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,sEAAsE;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kDAAkD;IAClD,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,wEAAwE;IACxE,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,yFAAyF;AACzF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CACzC,cAAc,EACd,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAM1B,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,MAAc,EACd,SAAc,EACd,KAAK,EACL,WAAmB,EACnB,IAAI,EACJ,OAAmB,EACnB,OAAe,EACf,IAAe,EACf,KAAiB,EACjB,OAAe,EACf,WAAmB,EACnB,QAAQ,EACR,IAAe,EACf,YAAY,EAAE,SAAS,EACvB,GAAG,IAAI,EACR,EAAE,eAAe,2CAmDjB"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI7D,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtE,wEAAwE;AACxE,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,UAAU,CAAC;AAErD,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,SAAS,CAAC;AAEtD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,OAAO,CACR;IACC,kFAAkF;IAClF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gIAAgI;IAChI,IAAI,EAAE,SAAS,CAAC;IAChB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,sEAAsE;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kDAAkD;IAClD,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,wEAAwE;IACxE,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,yFAAyF;AACzF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CACzC,cAAc,EACd,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAM1B,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,MAAc,EACd,SAAc,EACd,KAAK,EACL,WAAmB,EACnB,IAAI,EACJ,OAAmB,EACnB,OAAe,EACf,IAAe,EACf,KAAiB,EACjB,OAAe,EACf,WAAmB,EACnB,QAAQ,EACR,IAAe,EACf,YAAY,EAAE,SAAS,EACvB,GAAG,IAAI,EACR,EAAE,eAAe,2CAmDjB"}

package/dist/components/Illustration/Illustration.d.ts

@@ -12,12 +12,10 @@ export interface IllustrationProps {
     'aria-label'?: string;
 }
 /**
- * Wrapper for illustration SVGs. Import SVGs as React components with the ?react suffix
- * and pass them as children.
- *
- * @example
- * import EmptyStateSvg from '@/assets/illustrations/empty-state.svg?react'
- * <Illustration aria-label="No items yet"><EmptyStateSvg /></Illustration>
+ * Illustration is the wrapper for any of the brand SVG artworks shipped under
+ * `@/assets/illustrations/`. It enforces a consistent size box, contains the SVG, and
+ * exposes an accessible label so screen readers can describe the artwork (or skip it when
+ * it's purely decorative).
  */
 export default function Illustration({ children, className, width, height, 'aria-label': ariaLabel, }: IllustrationProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Illustration.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Illustration.d.ts","sourceRoot":"","sources":["../../../src/components/Illustration/Illustration.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,iBAAiB;IAChC,qGAAqG;IACrG,QAAQ,EAAE,SAAS,CAAC;IACpB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iEAAiE;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,QAAQ,EACR,SAAc,EACd,KAAK,EACL,MAAM,EACN,YAAY,EAAE,SAAS,GACxB,EAAE,iBAAiB,2CAenB"}
+{"version":3,"file":"Illustration.d.ts","sourceRoot":"","sources":["../../../src/components/Illustration/Illustration.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,iBAAiB;IAChC,qGAAqG;IACrG,QAAQ,EAAE,SAAS,CAAC;IACpB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iEAAiE;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,QAAQ,EACR,SAAc,EACd,KAAK,EACL,MAAM,EACN,YAAY,EAAE,SAAS,GACxB,EAAE,iBAAiB,2CAenB"}

package/dist/components/ImagePreview/ImagePreview.d.ts

@@ -18,9 +18,9 @@ export interface ImagePreviewProps {
     className?: string;
 }
 /**
- * Image preview / lightbox for viewing attached images. Supports collapsed
- * state and hover action overlay (copy link, download). Corresponds to Figma
- * Image Preview v1.0.0.
+ * Image Preview displays image attachments, markdown images, and inline image links inside
+ * the message stream. It frames the image, shows hover actions for copy and download, and
+ * lets the user collapse the preview when it's in the way.
  */
 export default function ImagePreview({ src, alt, collapsed, onToggleCollapse, onCopyLink, onDownload, aspectRatio, className, }: ImagePreviewProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ImagePreview.d.ts.map

package/dist/components/LinkPreview/LinkPreview.d.ts

@@ -26,8 +26,9 @@ export interface LinkPreviewProps {
     className?: string;
 }
 /**
- * Rich URL preview card shown in messages. Displays site name, title (linked),
- * and description. Corresponds to the Figma Link Preview component v2.0.0.
+ * Link Previews appear under a message whenever it contains a URL with rich metadata — a
+ * documentation page, a blog post, a product link. They give the recipient enough context to
+ * decide whether to click without forcing them to open the link cold.
  */
 export default function LinkPreview({ siteName, title, description, imageSrc, imageAlt, imageSize, imageCollapsed, onToggleImageCollapse, onCopyImageLink, onDownloadImage, onDismiss, className, }: LinkPreviewProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=LinkPreview.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LinkPreview.d.ts","sourceRoot":"","sources":["../../../src/components/LinkPreview/LinkPreview.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAE9D,MAAM,WAAW,gBAAgB;IAC/B,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,8FAA8F;IAC9F,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gEAAgE;IAChE,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,qEAAqE;IACrE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,oEAAoE;IACpE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAA2B,EAC3B,KAAuF,EACvF,WAAiJ,EACjJ,QAAQ,EACR,QAAa,EACb,SAAkB,EAClB,cAAsB,EACtB,qBAAqB,EACrB,eAAe,EACf,eAAe,EACf,SAAS,EACT,SAAc,GACf,EAAE,gBAAgB,2CAyElB"}
+{"version":3,"file":"LinkPreview.d.ts","sourceRoot":"","sources":["../../../src/components/LinkPreview/LinkPreview.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAE9D,MAAM,WAAW,gBAAgB;IAC/B,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,8FAA8F;IAC9F,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gEAAgE;IAChE,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,qEAAqE;IACrE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,oEAAoE;IACpE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAA2B,EAC3B,KAAuF,EACvF,WAAiJ,EACjJ,QAAQ,EACR,QAAa,EACb,SAAkB,EAClB,cAAsB,EACtB,qBAAqB,EACrB,eAAe,EACf,eAAe,EACf,SAAS,EACT,SAAc,GACf,EAAE,gBAAgB,2CAyElB"}

package/dist/components/MentionBadge/MentionBadge.d.ts

@@ -1,7 +1,7 @@
 /** Figma Mention Badge location context — controls color scheme. */
-export type MentionBadgeLocation = 'Sidebar' | 'Menu Item' | 'Icon Button' | 'Channel';
+export type MentionBadgeLocation = 'sidebar' | 'menu-item' | 'icon-button' | 'channel';
 /** Figma Mention Badge size. */
-export type MentionBadgeSize = 'Small' | 'Medium' | 'Large';
+export type MentionBadgeSize = 'small' | 'medium' | 'large';
 export interface MentionBadgeProps {
     /** Optional CSS class name. */
     className?: string;
@@ -13,10 +13,10 @@ export interface MentionBadgeProps {
     size?: MentionBadgeSize;
 }
 /**
- * Mention badge — displays a numeric count in a pill.
- * Matches Figma Mention Badge v2.0.1.
- *
- * @see Figma Mention Badge (Node ID: 322:4608)
+ * Mention Badges show a numerical count of pending mentions. They appear next to channel
+ * names in the sidebar, on app-bar icons, inline in menu items, and on center-channel lists
+ * such as thread rows — small, high-contrast pills that pull the eye without dominating the
+ * row.
  */
 export default function MentionBadge({ className, count, location, size, }: MentionBadgeProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MentionBadge.d.ts.map

package/dist/components/MenuItem/MenuItem.d.ts

@@ -4,8 +4,8 @@ export interface MenuItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     label: string;
     /** Optional secondary label. */
     secondaryLabel?: ReactNode;
-    /** Where the secondary label appears. Default: 'Below'. */
-    secondaryLabelPosition?: 'Inline' | 'Below';
+    /** Where the secondary label appears. Default: 'below'. */
+    secondaryLabelPosition?: 'inline' | 'below';
     /** Custom content for the leading slot. When omitted, shows placeholder icon. */
     leadingVisual?: ReactNode;
     /** Show the leading visual slot. Default: true. */
@@ -26,9 +26,8 @@ export interface MenuItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     active?: boolean;
 }
 /**
- * Menu item matching Figma/Compass Menu Item v2.0.0.
- *
- * @see https://compass.mattermost.com/29be2c109/p/1092d5-menu-item
+ * Menu Items are the rows inside a Menu — the smallest selectable unit in any dropdown,
+ * kebab, or context menu. One label, optional supporting visuals, and a clear hit target.
  */
 export default function MenuItem({ label, secondaryLabel, secondaryLabelPosition, leadingVisual, leadingElement, trailingVisual, trailingElement, customStatusEmoji, tag, mentionCount, destructive, active, className, disabled, type, ...rest }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MenuItem.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/MenuItem/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ7D,MAAM,WAAW,aAAc,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC5E,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,2DAA2D;IAC3D,sBAAsB,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC5C,iFAAiF;IACjF,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,mDAAmD;IACnD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sGAAsG;IACtG,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,qDAAqD;IACrD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uEAAuE;IACvE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4BAA4B;IAC5B,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oCAAoC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oEAAoE;IACpE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,KAAK,EACL,cAAc,EACd,sBAAgC,EAChC,aAAa,EACb,cAAqB,EACrB,cAAc,EACd,eAAuB,EACvB,iBAAiB,EACjB,GAAW,EACX,YAAY,EACZ,WAAmB,EACnB,MAAc,EACd,SAAc,EACd,QAAQ,EACR,IAAe,EACf,GAAG,IAAI,EACR,EAAE,aAAa,2CAuEf"}
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/MenuItem/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ7D,MAAM,WAAW,aAAc,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC5E,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,2DAA2D;IAC3D,sBAAsB,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC5C,iFAAiF;IACjF,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,mDAAmD;IACnD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sGAAsG;IACtG,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,qDAAqD;IACrD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uEAAuE;IACvE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4BAA4B;IAC5B,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oCAAoC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oEAAoE;IACpE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,KAAK,EACL,cAAc,EACd,sBAAgC,EAChC,aAAa,EACb,cAAqB,EACrB,cAAc,EACd,eAAuB,EACvB,iBAAiB,EACjB,GAAW,EACX,YAAY,EACZ,WAAmB,EACnB,MAAc,EACd,SAAc,EACd,QAAQ,EACR,IAAe,EACf,GAAG,IAAI,EACR,EAAE,aAAa,2CAuEf"}

package/dist/components/MessageActions/MessageActions.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-export type MessageActionsType = 'Center Channel' | 'RHS' | 'Search Results';
+export type MessageActionsType = 'center-channel' | 'rhs' | 'search-results';
 export interface MessageActionsProps extends HTMLAttributes<HTMLDivElement> {
     /** Context variant. Default: Center Channel. */
     type?: MessageActionsType;
@@ -13,8 +13,9 @@ export interface MessageActionsProps extends HTMLAttributes<HTMLDivElement> {
     className?: string;
 }
 /**
- * Hover toolbar on messages. Context-aware variants for Center Channel, RHS,
- * and Search Results. Quick Reactions toggle shows emoji shortcuts.
+ * Message Actions is the floating toolbar that appears on a message when you hover, tab, or
+ * long-press it. It bundles the most common per-message actions — react, save, reply, more —
+ * into a small, context-aware row that hovers above the post.
  */
 export default function MessageActions({ type, visible, collapsedReplyThreads, quickReactions, className, ...rest }: MessageActionsProps): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=MessageActions.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MessageActions.d.ts","sourceRoot":"","sources":["../../../src/components/MessageActions/MessageActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAY5C,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,GAAG,KAAK,GAAG,gBAAgB,CAAC;AAE7E,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,gDAAgD;IAChD,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oEAAoE;IACpE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,wDAAwD;IACxD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,IAAuB,EACvB,OAAc,EACd,qBAA4B,EAC5B,cAAqB,EACrB,SAAc,EACd,GAAG,IAAI,EACR,EAAE,mBAAmB,kDAuIrB"}
+{"version":3,"file":"MessageActions.d.ts","sourceRoot":"","sources":["../../../src/components/MessageActions/MessageActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAY5C,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,GAAG,KAAK,GAAG,gBAAgB,CAAC;AAE7E,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,gDAAgD;IAChD,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oEAAoE;IACpE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,wDAAwD;IACxD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,IAAuB,EACvB,OAAc,EACd,qBAA4B,EAC5B,cAAqB,EACrB,SAAc,EACd,GAAG,IAAI,EACR,EAAE,mBAAmB,kDAuIrB"}

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