@mattermost/compass-ui 0.1.0-alpha.0

package/dist/components/ChannelsSidebar/ChannelsSidebar.d.ts

@@ -0,0 +1,57 @@
+import { ReactNode } from 'react';
+import { ChannelsSidebarModel } from './channelsSidebarModel';
+export interface ChannelsSidebarHeaderProps {
+    teamName: string;
+}
+/** Team row + Add control; same markup as the top of `ChannelsSidebar`. */
+export declare function ChannelsSidebarHeader({ teamName }: ChannelsSidebarHeaderProps): import("react/jsx-runtime").JSX.Element;
+export interface ChannelsSidebarNavigatorProps {
+    showFilter?: boolean;
+}
+/** Find channels row + optional unread filter control; same markup as `ChannelsSidebar`. */
+export declare function ChannelsSidebarNavigator({ showFilter, }: ChannelsSidebarNavigatorProps): import("react/jsx-runtime").JSX.Element;
+export interface ChannelsSidebarCategoryProps {
+    label: string;
+    showChevron?: boolean;
+    showPlusButton?: boolean;
+    /** When set, shown instead of the expand chevron (e.g. System Console categories). */
+    leadingIcon?: ReactNode;
+    /** Pin category row to the top of the scroll container while scrolling (e.g. first console section). */
+    sticky?: boolean;
+    /** Full-opacity label + leading icon (System Console categories). Default: toned like channel sidebar. */
+    opaqueCategory?: boolean;
+}
+export declare function ChannelsSidebarCategory({ label, showChevron, showPlusButton, leadingIcon, sticky, opaqueCategory, }: ChannelsSidebarCategoryProps): import("react/jsx-runtime").JSX.Element;
+export interface ChannelsSidebarProps {
+    teamName?: string;
+    showUnreadsCategory?: boolean;
+    showFilter?: boolean;
+    showDialPad?: boolean;
+    moreUnreadsAbove?: boolean;
+    moreUnreadsBelow?: boolean;
+    /**
+     * Rename built-in channel/DM items without editing the model.
+     * Keys are the default names; values are the display names to use instead.
+     * Applies to `name` and `avatarAlt` on each item (same as the legacy hardcoded list).
+     */
+    channelNameOverrides?: Record<string, string>;
+    /**
+     * Match against **resolved** item names (after `channelNameOverrides`).
+     * Omit to keep each row’s fixture `active` value; pass `''` to clear selection.
+     */
+    activeChannelName?: string;
+    /** Receives the row's visible `name` (after overrides). */
+    onItemClick?: (name: string) => void;
+    avatarAikoTan?: string;
+    avatarArjunPatel?: string;
+    avatarDanielleOkoro?: string;
+    avatarDariusCole?: string;
+    avatarDavidLiang?: string;
+    avatarEmmaNovak?: string;
+    avatarEthanBrooks?: string;
+    /** When set, overrides the default channel tree (for per-prototype sidebars). */
+    model?: ChannelsSidebarModel;
+}
+export default function ChannelsSidebar({ teamName, showFilter, moreUnreadsAbove, moreUnreadsBelow, channelNameOverrides, activeChannelName, onItemClick, model: modelProp, }: ChannelsSidebarProps): import("react/jsx-runtime").JSX.Element;
+export type { ChannelsSidebarModel } from './channelsSidebarModel';
+//# sourceMappingURL=ChannelsSidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelsSidebar.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelsSidebar/ChannelsSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUhD,OAAO,EAGL,KAAK,oBAAoB,EAC1B,MAAM,wBAAwB,CAAC;AAyBhC,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,2EAA2E;AAC3E,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,EAAE,0BAA0B,2CAsB7E;AAED,MAAM,WAAW,6BAA6B;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,4FAA4F;AAC5F,wBAAgB,wBAAwB,CAAC,EACvC,UAAkB,GACnB,EAAE,6BAA6B,2CAuB/B;AAED,MAAM,WAAW,4BAA4B;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sFAAsF;IACtF,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,wGAAwG;IACxG,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,0GAA0G;IAC1G,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,WAAkB,EAClB,cAAsB,EACtB,WAAW,EACX,MAAc,EACd,cAAsB,GACvB,EAAE,4BAA4B,2CA4C9B;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2DAA2D;IAC3D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iFAAiF;IACjF,KAAK,CAAC,EAAE,oBAAoB,CAAC;CAC9B;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,QAAyB,EACzB,UAAkB,EAClB,gBAAwB,EACxB,gBAAwB,EACxB,oBAAoB,EACpB,iBAAiB,EACjB,WAAW,EACX,KAAK,EAAE,SAAS,GACjB,EAAE,oBAAoB,2CAkEtB;AAED,YAAY,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/ChannelsSidebar/channelsSidebarModel.d.ts

@@ -0,0 +1,22 @@
+import { ChannelSidebarItemProps } from '../ChannelSidebarItem/ChannelSidebarItem';
+export type ChannelsSidebarItemModel = Pick<ChannelSidebarItemProps, 'name' | 'leadingVisual' | 'active' | 'status' | 'mentionCount' | 'memberCount' | 'avatarSrc' | 'avatarAlt' | 'showAvatarStatus' | 'onClick'>;
+export interface ChannelsSidebarCategoryModel {
+    label: string;
+    showChevron?: boolean;
+    showPlusButton?: boolean;
+}
+export interface ChannelsSidebarGroupModel {
+    key: string;
+    category: ChannelsSidebarCategoryModel;
+    items: ChannelsSidebarItemModel[];
+}
+export interface ChannelsSidebarModel {
+    topGroupItems: ChannelsSidebarItemModel[];
+    groups: ChannelsSidebarGroupModel[];
+}
+/**
+ * Applies per-page display renames (keys = default names from the model) to
+ * `name` and `avatarAlt` on each row, matching pre-model `channelNameOverrides` behavior.
+ */
+export declare function applyChannelNameOverrides(model: ChannelsSidebarModel, channelNameOverrides?: Record<string, string>): ChannelsSidebarModel;
+//# sourceMappingURL=channelsSidebarModel.d.ts.map

package/dist/components/ChannelsSidebar/channelsSidebarModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"channelsSidebarModel.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelsSidebar/channelsSidebarModel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,oDAAoD,CAAC;AAElG,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,uBAAuB,EACrB,MAAM,GACN,eAAe,GACf,QAAQ,GACR,QAAQ,GACR,cAAc,GACd,aAAa,GACb,WAAW,GACX,WAAW,GACX,kBAAkB,GAClB,SAAS,CACZ,CAAC;AAEF,MAAM,WAAW,4BAA4B;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,yBAAyB;IACxC,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,4BAA4B,CAAC;IACvC,KAAK,EAAE,wBAAwB,EAAE,CAAC;CACnC;AAED,MAAM,WAAW,oBAAoB;IACnC,aAAa,EAAE,wBAAwB,EAAE,CAAC;IAC1C,MAAM,EAAE,yBAAyB,EAAE,CAAC;CACrC;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,oBAAoB,EAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC5C,oBAAoB,CAoBtB"}

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

@@ -0,0 +1,5 @@
+export { default as ChannelsSidebar } from './ChannelsSidebar';
+export { ChannelsSidebarHeader, ChannelsSidebarNavigator, ChannelsSidebarCategory, } from './ChannelsSidebar';
+export type { ChannelsSidebarProps, ChannelsSidebarHeaderProps, ChannelsSidebarNavigatorProps, ChannelsSidebarCategoryProps, ChannelsSidebarModel, } from './ChannelsSidebar';
+export * from './channelsSidebarModel';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelsSidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EACL,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,GACxB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACV,oBAAoB,EACpB,0BAA0B,EAC1B,6BAA6B,EAC7B,4BAA4B,EAC5B,oBAAoB,GACrB,MAAM,mBAAmB,CAAC;AAC3B,cAAc,wBAAwB,CAAC"}

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,26 @@
+import { InputHTMLAttributes } from 'react';
+export type CheckboxSize = 'Small' | 'Medium' | 'Large';
+export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+    /** Optional CSS class name. */
+    className?: string;
+    /** When true, shows indeterminate (minus) state. Syncs to native input.indeterminate. */
+    indeterminate?: boolean;
+    /** Size variant. Figma: Small (12px), Medium (16px), Large (20px). Default: Medium. */
+    size?: CheckboxSize;
+    /** When false, uses error/destructive styling (red fill when checked). Default: true. */
+    valid?: boolean;
+    /** Label content. Rendered next to the checkbox. */
+    children?: React.ReactNode;
+}
+/**
+ * Checkbox component built on the native HTML checkbox.
+ * Supports checked, unchecked, and indeterminate states; sizes and valid/invalid
+ * styling match Figma Checkbox (Checkbox Selector) v2.0.2.
+ *
+ * Use with a label: pass children to render label text, or wrap in your own <label>.
+ * Indeterminate must be set via the `indeterminate` prop (native attribute is not reflectable).
+ *
+ * @see https://compass.mattermost.com (Checkbox)
+ */
+export default function Checkbox({ className, indeterminate, size, valid, children, id: idProp, checked, defaultChecked, disabled, onChange, ...rest }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAWjD,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,MAAM,CAChB;IACC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yFAAyF;IACzF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uFAAuF;IACvF,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,yFAAyF;IACzF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAeD;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,SAAc,EACd,aAAqB,EACrB,IAAe,EACf,KAAY,EACZ,QAAQ,EACR,EAAE,EAAE,MAAM,EACV,OAAO,EACP,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,aAAa,2CAqEf"}

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

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

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

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

package/dist/components/Chip/Chip.d.ts

@@ -0,0 +1,26 @@
+import { HTMLAttributes, MouseEvent, ReactNode } from 'react';
+export type ChipSize = 'Small' | 'Medium' | 'Medium Compact' | 'Large';
+export interface ChipProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Chip label. */
+    children: ReactNode;
+    /** Visual size. Default: Medium. */
+    size?: ChipSize;
+    /** Leading icon from @mattermost/compass-icons. */
+    leadingIcon?: ReactNode;
+    /** Leading avatar. Overrides leadingIcon when both are provided. */
+    leadingAvatar?: {
+        src: string;
+        alt: string;
+    };
+    /** When provided, shows the remove (×) button and calls this on click. */
+    onRemove?: (e: MouseEvent<HTMLButtonElement>) => void;
+    /** Accessible label for the remove button. Default: "Remove". */
+    removeLabel?: string;
+    /** Shows an error border. */
+    error?: boolean;
+    /** Adds a colored background overlay. */
+    colored?: boolean;
+    className?: string;
+}
+export default function Chip({ children, size, leadingIcon, leadingAvatar, onRemove, removeLabel, error, colored, className, ...rest }: ChipProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Chip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASnE,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,gBAAgB,GAAG,OAAO,CAAC;AAEvE,MAAM,WAAW,SAAU,SAAQ,IAAI,CACrC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,kBAAkB;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,oCAAoC;IACpC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,mDAAmD;IACnD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,oEAAoE;IACpE,aAAa,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7C,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACtD,iEAAiE;IACjE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgBD,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,QAAQ,EACR,IAAe,EACf,WAAW,EACX,aAAa,EACb,QAAQ,EACR,WAAsB,EACtB,KAAa,EACb,OAAe,EACf,SAAc,EACd,GAAG,IAAI,EACR,EAAE,SAAS,2CA0CX"}

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

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

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

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

package/dist/components/Combobox/Combobox.d.ts

@@ -0,0 +1,52 @@
+import { ReactNode } from 'react';
+export type ComboboxSize = 'Small' | 'Medium' | 'Large';
+export type ComboboxOption = {
+    value: string;
+    label: string;
+    disabled?: boolean;
+    /** Leading content for the list row (icon or avatar node). */
+    leadingVisual?: ReactNode;
+    /** Avatar for chips / list when a photo is preferred over `leadingVisual`. */
+    leadingAvatar?: {
+        src: string;
+        alt: string;
+    };
+    secondaryLabel?: string;
+};
+export interface ComboboxProps {
+    options: ComboboxOption[];
+    /** When true, selected values render as removable chips. Default: false. */
+    multiple?: boolean;
+    value?: string | string[] | null;
+    defaultValue?: string | string[] | null;
+    onChange?: (value: string | string[] | null) => void;
+    inputValue?: string;
+    defaultInputValue?: string;
+    onInputChange?: (value: string) => void;
+    label?: ReactNode;
+    placeholder?: string;
+    leadingIcon?: ReactNode;
+    size?: ComboboxSize;
+    invalid?: boolean;
+    disabled?: boolean;
+    /**
+     * Client-side filter. `true` (default) matches labels case-insensitively.
+     * `false` shows all options (caller filters via `inputValue` / `onInputChange`).
+     */
+    filter?: boolean | ((option: ComboboxOption, query: string) => boolean);
+    emptyMessage?: string;
+    className?: string;
+    id?: string;
+    'aria-label'?: string;
+    /** Portal mount node for the menu; defaults to `document.body`. */
+    portalContainer?: HTMLElement | null;
+    /** Stacking order for the portaled menu. */
+    zIndex?: number;
+}
+/**
+ * Autocomplete combobox with optional multi-selection chips.
+ * Field chrome matches Select / Text Input; list uses PopoverMenu + MenuItem.
+ */
+declare const Combobox: import('react').ForwardRefExoticComponent<ComboboxProps & import('react').RefAttributes<HTMLInputElement>>;
+export default Combobox;
+//# sourceMappingURL=Combobox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAKV,SAAS,EACV,MAAM,OAAO,CAAC;AAyBf,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,8EAA8E;IAC9E,aAAa,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC;IACxE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mEAAmE;IACnE,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA6CD;;;GAGG;AACH,QAAA,MAAM,QAAQ,4GAugBZ,CAAC;AAEH,eAAe,QAAQ,CAAC"}

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

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

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

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

package/dist/components/DateRangePicker/DateRangePicker.d.ts

@@ -0,0 +1,29 @@
+import { InputHTMLAttributes } from 'react';
+export type DateRangePickerMode = 'date' | 'range';
+export interface DateRangePickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'onChange' | 'type' | 'size'> {
+    /** Optional CSS class name applied to the root element. */
+    className?: string;
+    /** Selection mode: single date or range. Default: 'date'. */
+    mode?: DateRangePickerMode;
+    /** Controlled selected date (single mode). ISO string yyyy-mm-dd. */
+    value?: string;
+    /** Controlled start date (range mode). ISO string. */
+    startDate?: string;
+    /** Controlled end date (range mode). ISO string. */
+    endDate?: string;
+    /** Called when a date is selected (single mode). */
+    onChange?: (date: string) => void;
+    /** Called when range changes (range mode). */
+    onRangeChange?: (start: string, end: string) => void;
+    /** Portal mount node for the calendar; defaults to `document.body`. */
+    portalContainer?: HTMLElement | null;
+    /** Stacking order for the portaled calendar. */
+    zIndex?: number;
+}
+/**
+ * DateRangePicker — calendar popover for single date or date-range selection.
+ * Month/year nav, today shortcut. Matches Figma Date & Range Picker v2.0.0.
+ * Used in boards and admin scheduling.
+ */
+export default function DateRangePicker({ className, mode, value, startDate, endDate, onChange, onRangeChange, disabled, id: idProp, portalContainer, zIndex, }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DateRangePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAiB,MAAM,OAAO,CAAC;AAgBhE,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEnD,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CACxD;IACC,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,8CAA8C;IAC9C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,uEAAuE;IACvE,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,gDAAgD;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAyDD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,SAAc,EACd,IAAa,EACb,KAAK,EACL,SAAS,EACT,OAAO,EACP,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,EAAE,EAAE,MAAM,EACV,eAAsB,EACtB,MAAM,GACP,EAAE,oBAAoB,2CAsjBtB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,YAAY,EACV,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,mBAAmB,CAAC"}

package/dist/components/Divider/Divider.d.ts

@@ -0,0 +1,2 @@
+export default function Divider(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Divider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,OAAO,4CAM9B"}

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

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

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

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

package/dist/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,29 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+export type DropdownSize = 'X-Small' | 'Small' | 'Medium' | 'Large' | 'X-Large';
+export type DropdownAppearance = 'Default' | 'Inverted';
+export type DropdownPadding = 'Tight' | 'Compact';
+export interface DropdownProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size'> {
+    /** Optional CSS class name. */
+    className?: string;
+    /** Label text shown in the trigger. */
+    children: ReactNode;
+    /** Optional leading icon. */
+    leadingIcon?: ReactNode;
+    /** Trigger inset. Tight is default; Compact adds more padding (Figma). Default: Tight. */
+    padding?: DropdownPadding;
+    /** Size variant. Default: Medium. */
+    size?: DropdownSize;
+    /** Light or dark background context. Default: Default. */
+    appearance?: DropdownAppearance;
+    /** When true, the dropdown is in an open/active state. */
+    isOpen?: boolean;
+}
+/**
+ * Dropdown trigger component — inline select/dropdown button composed with a chevron.
+ * Multiple sizes. Light and dark background variants. Composed with Menu Items.
+ * Matches Figma Dropdown v2.1.3.
+ *
+ * @see https://compass.mattermost.com/29be2c109/p/78f994-dropdowns
+ */
+export default function Dropdown({ className, children, leadingIcon, padding, size, appearance, isOpen, disabled, type, ...rest }: DropdownProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Dropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAO7D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAChF,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,UAAU,CAAC;AACxD,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,SAAS,CAAC;AAElD,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,CACP;IACC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,QAAQ,EAAE,SAAS,CAAC;IACpB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,0FAA0F;IAC1F,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,qCAAqC;IACrC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,SAAc,EACd,QAAQ,EACR,WAAW,EACX,OAAiB,EACjB,IAAe,EACf,UAAsB,EACtB,MAAc,EACd,QAAQ,EACR,IAAe,EACf,GAAG,IAAI,EACR,EAAE,aAAa,2CA6Cf"}

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

@@ -0,0 +1,3 @@
+export { default as Dropdown } from './Dropdown';
+export type { DropdownProps, DropdownSize, DropdownAppearance, DropdownPadding, } from './Dropdown';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Emoji/Emoji.d.ts

@@ -0,0 +1,14 @@
+export type EmojiSize = '10' | '12' | '16' | '20' | '24' | '28' | '32' | '40' | '52' | '64' | '104';
+export interface EmojiProps {
+    /** Optional CSS class name. */
+    className?: string;
+    /** Emoji character(s) to display (e.g. "👍", "🎉"). */
+    emoji: string;
+    /** Size from the Mattermost icon scale. Default 24. */
+    size?: EmojiSize;
+}
+/**
+ * Renders an emoji at a consistent size from the Mattermost icon scale.
+ */
+export default function Emoji({ className, emoji, size, }: EmojiProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Emoji.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Emoji.d.ts","sourceRoot":"","sources":["../../../src/components/Emoji/Emoji.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,SAAS,GACjB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,CAAC;AAEV,MAAM,WAAW,UAAU;IACzB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAgBD;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,SAAc,EACd,KAAK,EACL,IAAW,GACZ,EAAE,UAAU,2CAeZ"}

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

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

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

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

package/dist/components/EmptyState/EmptyState.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+import { ButtonProps } from '../Button/Button';
+import { IllustrationProps } from '../Illustration/Illustration';
+export interface EmptyStateProps {
+    /** Illustration props (children = the SVG component). Rendered above the title. */
+    illustration?: IllustrationProps;
+    /** Main heading text. */
+    title: string;
+    /** Body description. Supports ReactNode for inline formatting. */
+    description?: ReactNode;
+    /** Button props (children = label). Rendered below the description. */
+    action?: ButtonProps;
+    /** Optional CSS class name. */
+    className?: string;
+}
+/**
+ * Empty State — illustration + message shown when a view has no content.
+ * ~12 context-specific variants: no saved messages, no mentions, no results, no files, etc.
+ *
+ * @see https://compass.mattermost.com
+ */
+export default function EmptyState({ illustration, title, description, action, className, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EmptyState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAIhF,MAAM,WAAW,eAAe;IAC9B,mFAAmF;IACnF,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,uEAAuE;IACvE,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,YAAY,EACZ,KAAK,EACL,WAAW,EACX,MAAM,EACN,SAAc,GACf,EAAE,eAAe,2CAyBjB"}

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

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

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

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

package/dist/components/ErrorMessage/ErrorMessage.d.ts

@@ -0,0 +1,12 @@
+export interface ErrorMessageProps {
+    /** Optional CSS class name. */
+    className?: string;
+    /** The error message text to display. */
+    message: string;
+}
+/**
+ * Error Message — inline red error text for form validation.
+ * Displays an error icon alongside the message. Used below form inputs.
+ */
+export default function ErrorMessage({ className, message, }: ErrorMessageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ErrorMessage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessage.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorMessage/ErrorMessage.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,iBAAiB;IAChC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,SAAc,EACd,OAAO,GACR,EAAE,iBAAiB,2CAanB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorMessage/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/FeatureDiscoveryPanel/FeatureDiscoveryPanel.d.ts

@@ -0,0 +1,26 @@
+import { ButtonProps } from '../Button/Button';
+import { IllustrationProps } from '../Illustration/Illustration';
+export interface FeatureDiscoveryPanelProps {
+    /** SKU tag label (e.g. "PROFESSIONAL"). Set to null to hide. */
+    skuLabel?: string | null;
+    /** Panel heading title. */
+    title: string;
+    /** Body description text. */
+    description: string;
+    /** Primary CTA button props (children = label). */
+    primaryAction?: ButtonProps;
+    /** Secondary CTA button props (children = label). */
+    secondaryAction?: ButtonProps;
+    /** Illustration props (children = the SVG component). Rendered in the right column. */
+    illustration?: IllustrationProps;
+    /** Optional CSS class name. */
+    className?: string;
+}
+/**
+ * Feature Discovery Panel — highlights capabilities only available in higher-tier SKUs.
+ * Contains an illustration, SKU tag, title, description, and CTA buttons.
+ *
+ * @see https://compass.mattermost.com/29be2c109/p/865664-feature-discovery-panel
+ */
+export default function FeatureDiscoveryPanel({ skuLabel, title, description, primaryAction, secondaryAction, illustration, className, }: FeatureDiscoveryPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FeatureDiscoveryPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureDiscoveryPanel.d.ts","sourceRoot":"","sources":["../../../src/components/FeatureDiscoveryPanel/FeatureDiscoveryPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAG9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAKhF,MAAM,WAAW,0BAA0B;IACzC,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,mDAAmD;IACnD,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,qDAAqD;IACrD,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,uFAAuF;IACvF,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,QAAyB,EACzB,KAAK,EACL,WAAW,EACX,aAAa,EACb,eAAe,EACf,YAAY,EACZ,SAAc,GACf,EAAE,0BAA0B,2CAiD5B"}

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

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

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

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

package/dist/components/GlobalBanner/GlobalBanner.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+export type GlobalBannerType = 'General' | 'Warning' | 'Danger' | 'Info' | 'Success';
+export interface GlobalBannerProps {
+    /** Optional CSS class name. */
+    className?: string;
+    /** The message text. */
+    message: string;
+    /** Optional type for color-coding. Default: General. */
+    type?: GlobalBannerType;
+    /** Optional leading icon. */
+    leadingIcon?: ReactNode;
+    /** Label for the optional action button. */
+    actionLabel?: string;
+    /** Callback when the action button is clicked. */
+    onAction?: () => void;
+    /** Called when dismiss button is clicked. When omitted, dismiss button is hidden. */
+    onDismiss?: () => void;
+}
+/**
+ * Global Banner — full-width persistent banner at the top of the app.
+ * Used for system alerts: maintenance, license, updates.
+ * Fixed 40px height. Dismissable.
+ */
+export default function GlobalBanner({ className, message, type, leadingIcon, actionLabel, onAction, onDismiss, }: GlobalBannerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GlobalBanner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalBanner.d.ts","sourceRoot":"","sources":["../../../src/components/GlobalBanner/GlobalBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,MAAM,MAAM,gBAAgB,GACxB,SAAS,GACT,SAAS,GACT,QAAQ,GACR,MAAM,GACN,SAAS,CAAC;AAEd,MAAM,WAAW,iBAAiB;IAChC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,wDAAwD;IACxD,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,SAAc,EACd,OAAO,EACP,IAAgB,EAChB,WAAW,EACX,WAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE,iBAAiB,2CA0CnB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/GlobalBanner/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/GlobalHeader/GlobalHeader.d.ts

@@ -0,0 +1,28 @@
+export type GlobalHeaderProduct = 'Channels' | 'Playbooks' | 'Boards';
+export interface GlobalHeaderProps {
+    /** Optional CSS class name. */
+    className?: string;
+    /** Product context. Controls branding + right-side controls. Default: Channels. */
+    product?: GlobalHeaderProduct;
+    /** When true and product is Channels, shows the Channels product icon + label. */
+    showChannelsBranding?: boolean;
+    /** When true, shows the Upgrade button in the right controls. */
+    showUpgradeButton?: boolean;
+    /** URL for the signed-in user avatar. Omit for initials fallback. */
+    userAvatarSrc?: string;
+    /** Alt text for the signed-in user avatar. */
+    userAvatarAlt?: string;
+}
+/**
+ * Global Header pattern — top bar spanning the full viewport that contains
+ * the product switcher, product branding, navigator, and session-level
+ * controls (search, mentions, saved, settings, account).
+ *
+ * Layout uses a three-column CSS grid for Channels (left | centered search + help | session)
+ * so session controls stay anchored to the trailing edge. Playbooks/Boards omit the center
+ * column and use two tracks (left product block | session).
+ *
+ * Matches Figma Global Header v1.2.1 (node 613:4135).
+ */
+export default function GlobalHeader({ className, product, showChannelsBranding, showUpgradeButton, userAvatarSrc, userAvatarAlt, }: GlobalHeaderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GlobalHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalHeader.d.ts","sourceRoot":"","sources":["../../../src/components/GlobalHeader/GlobalHeader.tsx"],"names":[],"mappings":"AAmBA,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,WAAW,GAAG,QAAQ,CAAC;AAEtE,MAAM,WAAW,iBAAiB;IAChC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,kFAAkF;IAClF,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,iEAAiE;IACjE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,qEAAqE;IACrE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAkDD;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,SAAc,EACd,OAAoB,EACpB,oBAA2B,EAC3B,iBAAyB,EACzB,aAAa,EACb,aAAsB,GACvB,EAAE,iBAAiB,2CA0FnB"}

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

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

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

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

package/dist/components/HelpMenu/HelpMenu.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes } from 'react';
+export interface HelpMenuProps extends HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * Global header help menu — docs, community, and shortcuts.
+ */
+export default function HelpMenu({ className, style, ...rest }: HelpMenuProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HelpMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HelpMenu.d.ts","sourceRoot":"","sources":["../../../src/components/HelpMenu/HelpMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAY5C,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;CAAG;AAExE;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,SAAc,EACd,KAAK,EACL,GAAG,IAAI,EACR,EAAE,aAAa,2CA+Bf"}

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

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

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

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