@mattermost/compass-ui 0.1.0-alpha.0

package/dist/components/Icon/Icon.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+export type IconSize = '10' | '12' | '16' | '20' | '24' | '28' | '32' | '40' | '52' | '64' | '104';
+/**
+ * Maps container size → SVG render size. Icons bleed slightly past the container
+ * to strip the built-in clear-space padding from compass-icons SVGs.
+ * Pass SVG_SIZE_MAP[size] as the `size` prop on any compass-icons component
+ * used as a glyph (e.g. <GlobeIcon size={SVG_SIZE_MAP['24']} />).
+ */
+export declare const SVG_SIZE_MAP: Record<IconSize, number>;
+export interface IconProps {
+    /** Optional CSS class name applied to the container. */
+    className?: string;
+    /**
+     * Icon SVG from @mattermost/compass-icons (e.g. `<GlobeIcon />`).
+     * Icon automatically injects the correct SVG size — no need to pass a size
+     * prop on the glyph element. When omitted, shows emoticon-happy-outline.
+     */
+    glyph?: ReactNode | null;
+    /** Container size from the Mattermost icon scale. Default 24. */
+    size?: IconSize;
+}
+/**
+ * Icon container using @mattermost/compass-icons. The `size` prop sets the
+ * clipping container; the SVG itself renders at SVG_SIZE_MAP[size] to bleed
+ * past the container edges and eliminate compass-icons clear-space padding.
+ *
+ * @see https://compass.mattermost.com/29be2c109/p/19c648-iconography
+ */
+export default function Icon({ className, glyph, size, }: IconProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9C,MAAM,MAAM,QAAQ,GAChB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,CAAC;AAEV;;;;;GAKG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAYjD,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,iEAAiE;IACjE,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAgBD;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,SAAc,EACd,KAAY,EACZ,IAAW,GACZ,EAAE,SAAS,2CA6BX"}

package/dist/components/Icon/index.d.ts

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

package/dist/components/Icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACvD,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC"}

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

@@ -0,0 +1,40 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+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 interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'style'> {
+    /** When true, forces the subtler pressed/active visual (lighter than toggled). */
+    active?: boolean;
+    /** Optional CSS class name. */
+    className?: string;
+    /** Numeric count shown inline after the icon. Figma: Count. */
+    count?: number;
+    /** When true, uses destructive (danger) styling. Figma: Destructive. */
+    destructive?: boolean;
+    /** Icon to show. Size the glyph via SVG_SIZE_MAP: e.g. `<Icon glyph={<GlobeIcon size={SVG_SIZE_MAP['16']} />} size="16" />`. */
+    icon: ReactNode;
+    /** Padding variant. Figma: Padding = Default | Compact. */
+    padding?: IconButtonPadding;
+    /** When true, uses full border radius (pill). Figma: Rounded = On. */
+    rounded?: boolean;
+    /** Size variant. Figma: Size. Default: Medium. */
+    size?: IconButtonSize;
+    /** Default | Inverted. Figma: Style (for light vs dark backgrounds). */
+    style?: IconButtonStyle;
+    /** When true, shows toggled/selected state. Figma: Toggled = On. */
+    toggled?: boolean;
+    /** When true, shows a small unread dot over the icon. Figma: Unread Badge. */
+    unreadBadge?: boolean;
+}
+/** 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)
+ */
+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

@@ -0,0 +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"}

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

@@ -0,0 +1,3 @@
+export { default as IconButton } from './IconButton';
+export { ICON_BUTTON_ICON_SIZES, type IconButtonProps, type IconButtonSize, type IconButtonStyle, type IconButtonPadding, } from './IconButton';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EACL,sBAAsB,EACtB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,iBAAiB,GACvB,MAAM,cAAc,CAAC"}

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

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+export interface IllustrationProps {
+    /** SVG component from an illustration import (e.g. from `@/assets/illustrations/name.svg?react`). */
+    children: ReactNode;
+    /** Optional CSS class name. */
+    className?: string;
+    /** Optional inline width (e.g. "100%", "320px"). */
+    width?: string;
+    /** Optional inline height. */
+    height?: string;
+    /** Accessible label; set to empty string for decorative only. */
+    '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>
+ */
+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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Illustration/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

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

@@ -0,0 +1,26 @@
+export type ImagePreviewAspectRatio = '16:9' | '4:3' | '1:1';
+export interface ImagePreviewProps {
+    /** Image src URL. */
+    src: string;
+    /** Alt text. */
+    alt?: string;
+    /** Whether the preview is collapsed (shows toggle label only). */
+    collapsed?: boolean;
+    /** Callback when the collapse toggle is clicked. */
+    onToggleCollapse?: () => void;
+    /** Callback when the copy-link action is clicked. */
+    onCopyLink?: () => void;
+    /** Callback when the download action is clicked. */
+    onDownload?: () => void;
+    /** Aspect ratio of the image container. Default: 16:9 */
+    aspectRatio?: ImagePreviewAspectRatio;
+    /** Optional CSS class name. */
+    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.
+ */
+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/ImagePreview/ImagePreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePreview.d.ts","sourceRoot":"","sources":["../../../src/components/ImagePreview/ImagePreview.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,CAAC;AAE7D,MAAM,WAAW,iBAAiB;IAChC,qBAAqB;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,gBAAgB;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kEAAkE;IAClE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,yDAAyD;IACzD,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,GAAG,EACH,GAAQ,EACR,SAAiB,EACjB,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,WAAoB,EACpB,SAAc,GACf,EAAE,iBAAiB,2CA8FnB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ImagePreview/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EACV,iBAAiB,EACjB,uBAAuB,GACxB,MAAM,gBAAgB,CAAC"}

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

@@ -0,0 +1,33 @@
+export type LinkPreviewImageSize = 'none' | 'small' | 'large';
+export interface LinkPreviewProps {
+    /** The site/domain label shown above the title. */
+    siteName?: string;
+    /** The main link title. */
+    title?: string;
+    /** Description text. */
+    description?: string;
+    /** Preview image URL. Pair with `imageSize` to choose layout. */
+    imageSrc?: string;
+    /** Alt text for the preview image. */
+    imageAlt?: string;
+    /** Small: square thumbnail on the right. Large: ImagePreview below text. */
+    imageSize?: LinkPreviewImageSize;
+    /** Whether the large image preview is collapsed. Only applies when `imageSize` is `large`. */
+    imageCollapsed?: boolean;
+    /** Callback when the large image collapse toggle is clicked. */
+    onToggleImageCollapse?: () => void;
+    /** Callback when copy-link is clicked on the large image preview. */
+    onCopyImageLink?: () => void;
+    /** Callback when download is clicked on the large image preview. */
+    onDownloadImage?: () => void;
+    /** Called when the dismiss control is clicked. Shown on hover when provided. */
+    onDismiss?: () => void;
+    /** Optional CSS class name. */
+    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.
+ */
+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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LinkPreview/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,YAAY,EACV,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,eAAe,CAAC"}

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

@@ -0,0 +1,22 @@
+/** Figma Mention Badge location context — controls color scheme. */
+export type MentionBadgeLocation = 'Sidebar' | 'Menu Item' | 'Icon Button' | 'Channel';
+/** Figma Mention Badge size. */
+export type MentionBadgeSize = 'Small' | 'Medium' | 'Large';
+export interface MentionBadgeProps {
+    /** Optional CSS class name. */
+    className?: string;
+    /** Mention count. Displays as-is up to 99; shows "99+" above that. */
+    count: number;
+    /** Color context. Figma: Location. Default: Sidebar. */
+    location?: MentionBadgeLocation;
+    /** Size variant. Figma: Size. Default: Small. */
+    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)
+ */
+export default function MentionBadge({ className, count, location, size, }: MentionBadgeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MentionBadge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MentionBadge.d.ts","sourceRoot":"","sources":["../../../src/components/MentionBadge/MentionBadge.tsx"],"names":[],"mappings":"AAGA,oEAAoE;AACpE,MAAM,MAAM,oBAAoB,GAC5B,SAAS,GACT,WAAW,GACX,aAAa,GACb,SAAS,CAAC;AAEd,gCAAgC;AAChC,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE5D,MAAM,WAAW,iBAAiB;IAChC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sEAAsE;IACtE,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,iDAAiD;IACjD,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB;AAED;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,SAAc,EACd,KAAK,EACL,QAAoB,EACpB,IAAc,GACf,EAAE,iBAAiB,2CAwBnB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MentionBadge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EACV,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,GACjB,MAAM,gBAAgB,CAAC"}

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

@@ -0,0 +1,34 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+export interface MenuItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Primary label text. */
+    label: string;
+    /** Optional secondary label. */
+    secondaryLabel?: ReactNode;
+    /** 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. */
+    leadingElement?: boolean;
+    /** Custom content for the trailing slot. When omitted with trailingElement=true, shows check icon. */
+    trailingVisual?: ReactNode;
+    /** Show the trailing visual slot. Default: false. */
+    trailingElement?: boolean;
+    /** Emoji character for custom status, shown inline after the label. */
+    customStatusEmoji?: string;
+    /** Show "NEW" label tag. */
+    tag?: boolean;
+    /** Inline mention count badge. */
+    mentionCount?: number;
+    /** Destructive (danger) styling. */
+    destructive?: boolean;
+    /** Highlight row (e.g. submenu parent while child menu is open). */
+    active?: boolean;
+}
+/**
+ * Menu item matching Figma/Compass Menu Item v2.0.0.
+ *
+ * @see https://compass.mattermost.com/29be2c109/p/1092d5-menu-item
+ */
+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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MenuItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/Message/Message.d.ts

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+import { MessageActionsType } from '../MessageActions/MessageActions';
+type MessageProps = {
+    avatarSrc?: string;
+    avatarAlt: string;
+    username: string;
+    timestamp: string;
+    isBot?: boolean;
+    botLabel?: string;
+    /** Hover toolbar context. Default: Center Channel. */
+    messageActionsType?: MessageActionsType;
+    /** When false, the hover Message Actions toolbar is omitted. Default: true. */
+    showMessageActions?: boolean;
+    /** When true, Pinned + Saved row appears at the top of the message container. */
+    showPinnedSavedIndicators?: boolean;
+    /** Merged onto the root element (e.g. documentation modifiers). */
+    className?: string;
+    /**
+     * Primary body content (e.g. message text). When using structured slots, this
+     * is usually the markdown/text block only. For plain `<p>` copy, use the
+     * `message__body-text` class from `Message.module.scss` so typography matches
+     * the component and host shells (docs, patterns) cannot restyle bare tags.
+     */
+    children: React.ReactNode;
+    /** Link Preview block — renders after `children`. */
+    linkPreview?: React.ReactNode;
+    /** Image Preview block(s) — renders after the link preview slot. */
+    imagePreviews?: React.ReactNode;
+    /** Trailing body content — e.g. attachments and reactions — renders last. */
+    footer?: React.ReactNode;
+};
+export default function Message({ avatarSrc, avatarAlt, username, timestamp, isBot, botLabel, messageActionsType, showMessageActions, showPinnedSavedIndicators, className, children, linkPreview, imagePreviews, footer, }: MessageProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Message.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../src/components/Message/Message.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAIrF,KAAK,YAAY,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sDAAsD;IACtD,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,+EAA+E;IAC/E,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iFAAiF;IACjF,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qDAAqD;IACrD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,oEAAoE;IACpE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,6EAA6E;IAC7E,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,SAAS,EACT,SAAS,EACT,QAAQ,EACR,SAAS,EACT,KAAa,EACb,QAAQ,EACR,kBAAqC,EACrC,kBAAyB,EACzB,yBAAiC,EACjC,SAAc,EACd,QAAQ,EACR,WAAW,EACX,aAAa,EACb,MAAM,GACP,EAAE,YAAY,2CAgDd"}

package/dist/components/Message/index.d.ts

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

package/dist/components/Message/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Message/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,mBAAmB,WAAW,CAAC"}

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

@@ -0,0 +1,20 @@
+import { HTMLAttributes } from 'react';
+export type MessageActionsType = 'Center Channel' | 'RHS' | 'Search Results';
+export interface MessageActionsProps extends HTMLAttributes<HTMLDivElement> {
+    /** Context variant. Default: Center Channel. */
+    type?: MessageActionsType;
+    /** Whether the hover toolbar is visible. Default: true. */
+    visible?: boolean;
+    /** Whether collapsed reply threads feature is on. Default: true. */
+    collapsedReplyThreads?: boolean;
+    /** Whether quick reactions are shown. Default: true. */
+    quickReactions?: boolean;
+    /** Optional CSS class name. */
+    className?: string;
+}
+/**
+ * Hover toolbar on messages. Context-aware variants for Center Channel, RHS,
+ * and Search Results. Quick Reactions toggle shows emoji shortcuts.
+ */
+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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MessageActions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,YAAY,EACV,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,kBAAkB,CAAC"}

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

@@ -0,0 +1,9 @@
+type MessageHeaderProps = {
+    username: string;
+    timestamp: string;
+    isBot?: boolean;
+    botLabel?: string;
+};
+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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MessageHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,mBAAmB,iBAAiB,CAAC"}

package/dist/components/MessageInput/MessageInput.d.ts

@@ -0,0 +1,15 @@
+export type MessageInputWidth = 'wide' | 'narrow';
+export interface MessageInputProps {
+    className?: string;
+    placeholder?: string;
+    showPriorityIndicator?: boolean;
+    showAttachments?: boolean;
+    value?: string;
+    onChange?: (value: string) => void;
+    onSelectionChange?: () => void;
+    inputRef?: React.RefObject<HTMLTextAreaElement | null>;
+    /** `narrow` matches the Figma Message Input “Narrow” / right-sidebar layout. */
+    width?: MessageInputWidth;
+}
+export default function MessageInput({ className, placeholder, showPriorityIndicator, showAttachments, value, onChange, onSelectionChange, inputRef, width, }: MessageInputProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MessageInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageInput.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/MessageInput.tsx"],"names":[],"mappings":"AA2BA,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,QAAQ,CAAC;AAElD,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACvD,gFAAgF;IAChF,KAAK,CAAC,EAAE,iBAAiB,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,SAAc,EACd,WAAgC,EAChC,qBAA6B,EAC7B,eAAuB,EACvB,KAAK,EACL,QAAQ,EACR,iBAAiB,EACjB,QAAQ,EACR,KAAc,GACf,EAAE,iBAAiB,2CAwVnB"}

package/dist/components/MessageInput/index.d.ts

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

package/dist/components/MessageInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/MessageMoreOptionsMenu/MessageMoreOptionsMenu.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes } from 'react';
+export interface MessageMoreOptionsMenuProps extends HTMLAttributes<HTMLDivElement> {
+    /** Shows Edit and Delete rows. Default: true. */
+    permissionToEdit?: boolean;
+    /** Shows Flag message row. Default: true. */
+    showFlagOption?: boolean;
+}
+/**
+ * Message “more options” menu — actions with keyboard hints, optional edit/flag.
+ */
+export default function MessageMoreOptionsMenu({ permissionToEdit, showFlagOption, className, style, ...rest }: MessageMoreOptionsMenuProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MessageMoreOptionsMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageMoreOptionsMenu.d.ts","sourceRoot":"","sources":["../../../src/components/MessageMoreOptionsMenu/MessageMoreOptionsMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAuB5C,MAAM,WAAW,2BACf,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtC,iDAAiD;IACjD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,6CAA6C;IAC7C,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAMD;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,gBAAuB,EACvB,cAAqB,EACrB,SAAc,EACd,KAAK,EACL,GAAG,IAAI,EACR,EAAE,2BAA2B,2CA0G7B"}

package/dist/components/MessageMoreOptionsMenu/index.d.ts

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

package/dist/components/MessageMoreOptionsMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MessageMoreOptionsMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC"}

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

@@ -0,0 +1,34 @@
+import { HTMLAttributes } from 'react';
+export interface ReactionItem {
+    emoji: string;
+    count: number;
+    /** Whether the current user reacted with this emoji. */
+    byCurrentUser?: boolean;
+}
+export interface MessageReactionsProps extends HTMLAttributes<HTMLDivElement> {
+    /** List of reactions to display. */
+    reactions?: ReactionItem[];
+    /** Whether to show the add-reaction button. Default: false. */
+    showAddReaction?: boolean;
+    /** Whether to show the acknowledge button. */
+    acknowledged?: boolean;
+    /** Acknowledge count. */
+    acknowledgeCount?: number;
+    /** Whether the current user has acknowledged. Default: false. */
+    currentUserAcknowledged?: boolean;
+    /** Called when add-reaction is clicked. */
+    onAddReaction?: () => void;
+    /** Called when a reaction pill is clicked. */
+    onReactionClick?: (emoji: string) => void;
+    /** Called when the acknowledge button is clicked. */
+    onAcknowledge?: () => void;
+    /** Optional CSS class name. */
+    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.
+ */
+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/MessageReactions/MessageReactions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageReactions.d.ts","sourceRoot":"","sources":["../../../src/components/MessageReactions/MessageReactions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO5C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3E,oCAAoC;IACpC,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;IAC3B,+DAA+D;IAC/D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,8CAA8C;IAC9C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iEAAiE;IACjE,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,8CAA8C;IAC9C,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,qDAAqD;IACrD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,SAA6B,EAC7B,eAAuB,EACvB,YAAoB,EACpB,gBAAoB,EACpB,uBAA+B,EAC/B,aAAa,EACb,eAAe,EACf,aAAa,EACb,SAAc,EACd,GAAG,IAAI,EACR,EAAE,qBAAqB,2CA+EvB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MessageReactions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,YAAY,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC"}

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

@@ -0,0 +1,20 @@
+import { HTMLAttributes } from 'react';
+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?: string;
+    /** Show AI summarize button (New Messages type only). Default: false. */
+    showAiSummary?: boolean;
+    /** Called when Summarize button is clicked. */
+    onSummarize?: () => void;
+    /** Optional CSS class name. */
+    className?: string;
+}
+/**
+ * Horizontal divider lines in the message stream.
+ * Three types: date separator, new-message indicator (gold), and reply count.
+ */
+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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MessageSeparator/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC"}

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

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+export type ModalSize = 'Small' | 'Medium' | 'Large';
+export interface ModalProps {
+    /** Width variant. Figma: Size — Small 600px, Medium 704px, Large 832px. */
+    size?: ModalSize;
+    /** Modal heading text. Always visible. */
+    title: ReactNode;
+    /** Optional secondary line below the title. */
+    subtitle?: ReactNode;
+    /** When true, shows a back-arrow button before the title. */
+    showBackButton?: boolean;
+    /** Called when the back button is clicked. */
+    onBack?: () => void;
+    /** Called when the × close button is clicked. */
+    onClose?: () => void;
+    /** Show divider between header and body. Figma: Divider = On. Default: true. */
+    headerDivider?: boolean;
+    /** Body content. */
+    children: ReactNode;
+    /** Footer slot — typically a group of Buttons, right-aligned by default. */
+    footer?: ReactNode;
+    /** Show divider between body and footer. Figma: Divider = On. Default: true. */
+    footerDivider?: boolean;
+}
+export default function Modal({ size, title, subtitle, showBackButton, onBack, onClose, headerDivider, children, footer, footerDivider, }: ModalProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUvC,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAErD,MAAM,WAAW,UAAU;IACzB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0CAA0C;IAC1C,KAAK,EAAE,SAAS,CAAC;IACjB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,6DAA6D;IAC7D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gFAAgF;IAChF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oBAAoB;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,4EAA4E;IAC5E,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,gFAAgF;IAChF,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,IAAc,EACd,KAAK,EACL,QAAQ,EACR,cAAsB,EACtB,MAAM,EACN,OAAO,EACP,aAAoB,EACpB,QAAQ,EACR,MAAM,EACN,aAAoB,GACrB,EAAE,UAAU,2CAgEZ"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}