@agg-market/ui 5.0.0 → 7.0.0

package/dist/types/primitives/modal/modal.types.d.mts

@@ -0,0 +1,54 @@
+import type { ReactNode } from "react";
+export interface ModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    children: ReactNode;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+}
+export interface ModalContainerClassNames {
+    container?: string;
+    overlay?: string;
+    content?: string;
+}
+export interface ModalContainerProps {
+    children: ReactNode;
+    maxWidth?: string;
+    classNames?: ModalContainerClassNames;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+}
+export interface ModalHeaderClassNames {
+    root?: string;
+    container?: string;
+    title?: string;
+    titleContainer?: string;
+    subtitle?: string;
+    close?: string;
+}
+export interface ModalHeaderProps {
+    title?: string;
+    subtitle?: string;
+    leftElement?: ReactNode;
+    rightElement?: ReactNode;
+    hideClose?: boolean;
+    closeIcon?: ReactNode;
+    classNames?: ModalHeaderClassNames;
+    children?: ReactNode;
+    hideBorder?: boolean;
+}
+export interface ModalBodyClassNames {
+    root?: string;
+}
+export interface ModalBodyProps {
+    children: ReactNode;
+    classNames?: ModalBodyClassNames;
+}
+export interface ModalFooterClassNames {
+    root?: string;
+}
+export interface ModalFooterProps {
+    children: ReactNode;
+    classNames?: ModalFooterClassNames;
+    hideBorder?: boolean;
+}

package/dist/types/primitives/modal/modal.types.d.ts

@@ -0,0 +1,54 @@
+import type { ReactNode } from "react";
+export interface ModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    children: ReactNode;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+}
+export interface ModalContainerClassNames {
+    container?: string;
+    overlay?: string;
+    content?: string;
+}
+export interface ModalContainerProps {
+    children: ReactNode;
+    maxWidth?: string;
+    classNames?: ModalContainerClassNames;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+}
+export interface ModalHeaderClassNames {
+    root?: string;
+    container?: string;
+    title?: string;
+    titleContainer?: string;
+    subtitle?: string;
+    close?: string;
+}
+export interface ModalHeaderProps {
+    title?: string;
+    subtitle?: string;
+    leftElement?: ReactNode;
+    rightElement?: ReactNode;
+    hideClose?: boolean;
+    closeIcon?: ReactNode;
+    classNames?: ModalHeaderClassNames;
+    children?: ReactNode;
+    hideBorder?: boolean;
+}
+export interface ModalBodyClassNames {
+    root?: string;
+}
+export interface ModalBodyProps {
+    children: ReactNode;
+    classNames?: ModalBodyClassNames;
+}
+export interface ModalFooterClassNames {
+    root?: string;
+}
+export interface ModalFooterProps {
+    children: ReactNode;
+    classNames?: ModalFooterClassNames;
+    hideBorder?: boolean;
+}

package/dist/{number-value.d.mts → types/primitives/number-value.d.mts}

@@ -1,14 +1,12 @@
-type NumberValueFormat = "number" | "percent" | "currency" | "compactCurrency" | "date";
-type NumberValueProps = {
+export type NumberValueFormat = "number" | "percent" | "currency" | "compactCurrency" | "date";
+export type NumberValueProps = {
     value?: number | Date | null;
     format?: NumberValueFormat;
     fallback?: string;
     className?: string;
     ariaLabel?: string;
 };
-declare const NumberValue: {
+export declare const NumberValue: {
     ({ value, format, fallback, className, ariaLabel, }: NumberValueProps): JSX.Element;
     displayName: string;
 };
-
-export { NumberValue, type NumberValueFormat, type NumberValueProps };

package/dist/{number-value.d.ts → types/primitives/number-value.d.ts}

@@ -1,14 +1,12 @@
-type NumberValueFormat = "number" | "percent" | "currency" | "compactCurrency" | "date";
-type NumberValueProps = {
+export type NumberValueFormat = "number" | "percent" | "currency" | "compactCurrency" | "date";
+export type NumberValueProps = {
     value?: number | Date | null;
     format?: NumberValueFormat;
     fallback?: string;
     className?: string;
     ariaLabel?: string;
 };
-declare const NumberValue: {
+export declare const NumberValue: {
     ({ value, format, fallback, className, ariaLabel, }: NumberValueProps): JSX.Element;
     displayName: string;
 };
-
-export { NumberValue, type NumberValueFormat, type NumberValueProps };

package/dist/types/primitives/search/index.d.mts

@@ -0,0 +1,6 @@
+import { type SearchProps } from "./search.types";
+export type { SearchClassNames, SearchInputProps, SearchProps, SearchResultItem, } from "./search.types";
+export declare const Search: {
+    ({ value, onValueChange, results, onSelect, classNames, inputProps, }: SearchProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/search/index.d.ts

@@ -0,0 +1,6 @@
+import { type SearchProps } from "./search.types";
+export type { SearchClassNames, SearchInputProps, SearchProps, SearchResultItem, } from "./search.types";
+export declare const Search: {
+    ({ value, onValueChange, results, onSelect, classNames, inputProps, }: SearchProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/search/search-empty-icon.d.mts

@@ -0,0 +1,5 @@
+import type { IconSvgProps } from "../icon";
+export declare const SearchEmptyIcon: {
+    ({ title, className, ...props }: IconSvgProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/search/search-empty-icon.d.ts

@@ -0,0 +1,5 @@
+import type { IconSvgProps } from "../icon";
+export declare const SearchEmptyIcon: {
+    ({ title, className, ...props }: IconSvgProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/search/search.types.d.mts

@@ -0,0 +1,96 @@
+import type { InputHTMLAttributes } from "react";
+import { z } from "zod";
+import type { VenueLogoName } from "../venue-logo";
+export declare const searchResultItemSchema: z.ZodObject<{
+    id: z.ZodString;
+    title: z.ZodString;
+    thumbnailSrc: z.ZodString;
+    thumbnailAlt: z.ZodOptional<z.ZodString>;
+    venue: z.ZodType<any, z.ZodTypeDef, any>;
+    valueLabel: z.ZodString;
+    contextLabel: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    [x: string]: any;
+    id?: unknown;
+    title?: unknown;
+    thumbnailSrc?: unknown;
+    thumbnailAlt?: unknown;
+    venue?: unknown;
+    valueLabel?: unknown;
+    contextLabel?: unknown;
+}, {
+    [x: string]: any;
+    id?: unknown;
+    title?: unknown;
+    thumbnailSrc?: unknown;
+    thumbnailAlt?: unknown;
+    venue?: unknown;
+    valueLabel?: unknown;
+    contextLabel?: unknown;
+}>;
+export declare const searchResultItemsSchema: z.ZodArray<z.ZodObject<{
+    id: z.ZodString;
+    title: z.ZodString;
+    thumbnailSrc: z.ZodString;
+    thumbnailAlt: z.ZodOptional<z.ZodString>;
+    venue: z.ZodType<any, z.ZodTypeDef, any>;
+    valueLabel: z.ZodString;
+    contextLabel: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    [x: string]: any;
+    id?: unknown;
+    title?: unknown;
+    thumbnailSrc?: unknown;
+    thumbnailAlt?: unknown;
+    venue?: unknown;
+    valueLabel?: unknown;
+    contextLabel?: unknown;
+}, {
+    [x: string]: any;
+    id?: unknown;
+    title?: unknown;
+    thumbnailSrc?: unknown;
+    thumbnailAlt?: unknown;
+    venue?: unknown;
+    valueLabel?: unknown;
+    contextLabel?: unknown;
+}>, "many">;
+export type SearchResultItem = {
+    id: string;
+    title: string;
+    thumbnailSrc: string;
+    thumbnailAlt?: string;
+    venue: VenueLogoName;
+    valueLabel: string;
+    contextLabel: string;
+};
+export type SearchClassNames = {
+    root?: string;
+    inputContainer?: string;
+    input?: string;
+    searchIcon?: string;
+    dropdown?: string;
+    resultsList?: string;
+    resultItem?: string;
+    resultButton?: string;
+    resultThumbnail?: string;
+    resultTitle?: string;
+    resultMeta?: string;
+    resultValue?: string;
+    resultContext?: string;
+    resultChevron?: string;
+    emptyState?: string;
+    emptyStateContent?: string;
+    emptyStateIcon?: string;
+    emptyStateTitle?: string;
+    emptyStateDescription?: string;
+};
+export type SearchInputProps = Pick<InputHTMLAttributes<HTMLInputElement>, "id" | "name" | "autoComplete" | "autoFocus" | "disabled" | "readOnly" | "required" | "maxLength" | "inputMode" | "onBlur" | "onFocus" | "onKeyDown" | "onKeyUp" | "onKeyPress" | "tabIndex" | "enterKeyHint" | "aria-describedby">;
+export type SearchProps = {
+    value: string;
+    onValueChange: (value: string) => void;
+    results?: SearchResultItem[];
+    onSelect?: (item: SearchResultItem) => void;
+    classNames?: SearchClassNames;
+    inputProps?: SearchInputProps;
+};

package/dist/types/primitives/search/search.types.d.ts

@@ -0,0 +1,96 @@
+import type { InputHTMLAttributes } from "react";
+import { z } from "zod";
+import type { VenueLogoName } from "../venue-logo";
+export declare const searchResultItemSchema: z.ZodObject<{
+    id: z.ZodString;
+    title: z.ZodString;
+    thumbnailSrc: z.ZodString;
+    thumbnailAlt: z.ZodOptional<z.ZodString>;
+    venue: z.ZodType<any, z.ZodTypeDef, any>;
+    valueLabel: z.ZodString;
+    contextLabel: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    [x: string]: any;
+    id?: unknown;
+    title?: unknown;
+    thumbnailSrc?: unknown;
+    thumbnailAlt?: unknown;
+    venue?: unknown;
+    valueLabel?: unknown;
+    contextLabel?: unknown;
+}, {
+    [x: string]: any;
+    id?: unknown;
+    title?: unknown;
+    thumbnailSrc?: unknown;
+    thumbnailAlt?: unknown;
+    venue?: unknown;
+    valueLabel?: unknown;
+    contextLabel?: unknown;
+}>;
+export declare const searchResultItemsSchema: z.ZodArray<z.ZodObject<{
+    id: z.ZodString;
+    title: z.ZodString;
+    thumbnailSrc: z.ZodString;
+    thumbnailAlt: z.ZodOptional<z.ZodString>;
+    venue: z.ZodType<any, z.ZodTypeDef, any>;
+    valueLabel: z.ZodString;
+    contextLabel: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    [x: string]: any;
+    id?: unknown;
+    title?: unknown;
+    thumbnailSrc?: unknown;
+    thumbnailAlt?: unknown;
+    venue?: unknown;
+    valueLabel?: unknown;
+    contextLabel?: unknown;
+}, {
+    [x: string]: any;
+    id?: unknown;
+    title?: unknown;
+    thumbnailSrc?: unknown;
+    thumbnailAlt?: unknown;
+    venue?: unknown;
+    valueLabel?: unknown;
+    contextLabel?: unknown;
+}>, "many">;
+export type SearchResultItem = {
+    id: string;
+    title: string;
+    thumbnailSrc: string;
+    thumbnailAlt?: string;
+    venue: VenueLogoName;
+    valueLabel: string;
+    contextLabel: string;
+};
+export type SearchClassNames = {
+    root?: string;
+    inputContainer?: string;
+    input?: string;
+    searchIcon?: string;
+    dropdown?: string;
+    resultsList?: string;
+    resultItem?: string;
+    resultButton?: string;
+    resultThumbnail?: string;
+    resultTitle?: string;
+    resultMeta?: string;
+    resultValue?: string;
+    resultContext?: string;
+    resultChevron?: string;
+    emptyState?: string;
+    emptyStateContent?: string;
+    emptyStateIcon?: string;
+    emptyStateTitle?: string;
+    emptyStateDescription?: string;
+};
+export type SearchInputProps = Pick<InputHTMLAttributes<HTMLInputElement>, "id" | "name" | "autoComplete" | "autoFocus" | "disabled" | "readOnly" | "required" | "maxLength" | "inputMode" | "onBlur" | "onFocus" | "onKeyDown" | "onKeyUp" | "onKeyPress" | "tabIndex" | "enterKeyHint" | "aria-describedby">;
+export type SearchProps = {
+    value: string;
+    onValueChange: (value: string) => void;
+    results?: SearchResultItem[];
+    onSelect?: (item: SearchResultItem) => void;
+    classNames?: SearchClassNames;
+    inputProps?: SearchInputProps;
+};

package/dist/{select.d.mts → types/primitives/select/index.d.mts}

@@ -1,11 +1,11 @@
-type SelectItem<TValue extends string = string> = {
+export type SelectItem<TValue extends string = string> = {
     value: TValue;
     label: string;
     disabled?: boolean;
     /** Optional icon URL rendered beside the label in trigger and dropdown. */
     iconUrl?: string;
 };
-type SelectProps<TValue extends string = string> = {
+export type SelectProps<TValue extends string = string> = {
     items: SelectItem<TValue>[];
     value: TValue;
     onChange: (value: TValue) => void;
@@ -13,9 +13,7 @@ type SelectProps<TValue extends string = string> = {
     className?: string;
     disabled?: boolean;
 };
-declare const Select: {
+export declare const Select: {
     <TValue extends string = string>({ items, value, onChange, ariaLabel, className, disabled, }: SelectProps<TValue>): JSX.Element;
     displayName: string;
 };
-
-export { Select, type SelectItem, type SelectProps };

package/dist/{select.d.ts → types/primitives/select/index.d.ts}

@@ -1,11 +1,11 @@
-type SelectItem<TValue extends string = string> = {
+export type SelectItem<TValue extends string = string> = {
     value: TValue;
     label: string;
     disabled?: boolean;
     /** Optional icon URL rendered beside the label in trigger and dropdown. */
     iconUrl?: string;
 };
-type SelectProps<TValue extends string = string> = {
+export type SelectProps<TValue extends string = string> = {
     items: SelectItem<TValue>[];
     value: TValue;
     onChange: (value: TValue) => void;
@@ -13,9 +13,7 @@ type SelectProps<TValue extends string = string> = {
     className?: string;
     disabled?: boolean;
 };
-declare const Select: {
+export declare const Select: {
     <TValue extends string = string>({ items, value, onChange, ariaLabel, className, disabled, }: SelectProps<TValue>): JSX.Element;
     displayName: string;
 };
-
-export { Select, type SelectItem, type SelectProps };

package/dist/types/primitives/skeleton/index.d.mts

@@ -0,0 +1,7 @@
+import { skeletonViews, type SkeletonProps } from "./skeleton.types";
+export { skeletonViews };
+export type { SkeletonProps, SkeletonView } from "./skeleton.types";
+export declare const Skeleton: {
+    ({ view, className, ariaLabel }: SkeletonProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/skeleton/index.d.ts

@@ -0,0 +1,7 @@
+import { skeletonViews, type SkeletonProps } from "./skeleton.types";
+export { skeletonViews };
+export type { SkeletonProps, SkeletonView } from "./skeleton.types";
+export declare const Skeleton: {
+    ({ view, className, ariaLabel }: SkeletonProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/skeleton/skeleton-block.d.mts

@@ -0,0 +1,8 @@
+type SkeletonBlockProps = {
+    className?: string;
+};
+export declare const SkeletonBlock: {
+    ({ className }: SkeletonBlockProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/types/primitives/skeleton/skeleton-block.d.ts

@@ -0,0 +1,8 @@
+type SkeletonBlockProps = {
+    className?: string;
+};
+export declare const SkeletonBlock: {
+    ({ className }: SkeletonBlockProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/{skeleton.d.mts → types/primitives/skeleton/skeleton.types.d.mts}

@@ -1,4 +1,4 @@
-declare const skeletonViews: {
+export declare const skeletonViews: {
     readonly eventListItem: "event-list-item";
     readonly eventListItemDetails: "event-list-item-details";
     readonly marketDetailsMinified: "market-details-minified";
@@ -7,16 +7,13 @@ declare const skeletonViews: {
     readonly settlement: "settlement";
     readonly placeOrder: "place-order";
 };
-type SkeletonView = (typeof skeletonViews)[keyof typeof skeletonViews];
-type SkeletonProps = {
+export type SkeletonView = (typeof skeletonViews)[keyof typeof skeletonViews];
+export type SkeletonProps = {
     view: SkeletonView;
     className?: string;
     ariaLabel?: string;
 };
-
-declare const Skeleton: {
-    ({ view, className, ariaLabel }: SkeletonProps): JSX.Element;
-    displayName: string;
+export type SkeletonViewProps = {
+    className?: string;
+    ariaLabel?: string;
 };
-
-export { Skeleton, type SkeletonProps, type SkeletonView, skeletonViews };

package/dist/{skeleton.d.ts → types/primitives/skeleton/skeleton.types.d.ts}

@@ -1,4 +1,4 @@
-declare const skeletonViews: {
+export declare const skeletonViews: {
     readonly eventListItem: "event-list-item";
     readonly eventListItemDetails: "event-list-item-details";
     readonly marketDetailsMinified: "market-details-minified";
@@ -7,16 +7,13 @@ declare const skeletonViews: {
     readonly settlement: "settlement";
     readonly placeOrder: "place-order";
 };
-type SkeletonView = (typeof skeletonViews)[keyof typeof skeletonViews];
-type SkeletonProps = {
+export type SkeletonView = (typeof skeletonViews)[keyof typeof skeletonViews];
+export type SkeletonProps = {
     view: SkeletonView;
     className?: string;
     ariaLabel?: string;
 };
-
-declare const Skeleton: {
-    ({ view, className, ariaLabel }: SkeletonProps): JSX.Element;
-    displayName: string;
+export type SkeletonViewProps = {
+    className?: string;
+    ariaLabel?: string;
 };
-
-export { Skeleton, type SkeletonProps, type SkeletonView, skeletonViews };

package/dist/types/primitives/skeleton/views/event-list-item-details-skeleton-view.d.mts

@@ -0,0 +1,5 @@
+import type { SkeletonViewProps } from "../skeleton.types";
+export declare const EventListItemDetailsSkeletonView: {
+    ({ className, ariaLabel, }: SkeletonViewProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/skeleton/views/event-list-item-details-skeleton-view.d.ts

@@ -0,0 +1,5 @@
+import type { SkeletonViewProps } from "../skeleton.types";
+export declare const EventListItemDetailsSkeletonView: {
+    ({ className, ariaLabel, }: SkeletonViewProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/skeleton/views/event-list-item-skeleton-view.d.mts

@@ -0,0 +1,9 @@
+import type { SkeletonViewProps } from "../skeleton.types";
+type EventListItemSkeletonViewProps = SkeletonViewProps & {
+    isStandalone?: boolean;
+};
+export declare const EventListItemSkeletonView: {
+    ({ className, ariaLabel, isStandalone, }: EventListItemSkeletonViewProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/types/primitives/skeleton/views/event-list-item-skeleton-view.d.ts

@@ -0,0 +1,9 @@
+import type { SkeletonViewProps } from "../skeleton.types";
+type EventListItemSkeletonViewProps = SkeletonViewProps & {
+    isStandalone?: boolean;
+};
+export declare const EventListItemSkeletonView: {
+    ({ className, ariaLabel, isStandalone, }: EventListItemSkeletonViewProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/types/primitives/skeleton/views/event-list-skeleton-view.d.mts

@@ -0,0 +1,5 @@
+import type { SkeletonViewProps } from "../skeleton.types";
+export declare const EventListSkeletonView: {
+    ({ className, ariaLabel }: SkeletonViewProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/skeleton/views/event-list-skeleton-view.d.ts

@@ -0,0 +1,5 @@
+import type { SkeletonViewProps } from "../skeleton.types";
+export declare const EventListSkeletonView: {
+    ({ className, ariaLabel }: SkeletonViewProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/skeleton/views/market-details-skeleton-view.d.mts

@@ -0,0 +1,12 @@
+import type { SkeletonViewProps } from "../skeleton.types";
+type MarketDetailsSkeletonViewProps = SkeletonViewProps & {
+    isDetailed: boolean;
+};
+export declare const MarketDetailsOderbookSkeleton: ({ className, }: {
+    className?: string;
+}) => JSX.Element;
+export declare const MarketDetailsSkeletonView: {
+    ({ className, ariaLabel, isDetailed, }: MarketDetailsSkeletonViewProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/types/primitives/skeleton/views/market-details-skeleton-view.d.ts

@@ -0,0 +1,12 @@
+import type { SkeletonViewProps } from "../skeleton.types";
+type MarketDetailsSkeletonViewProps = SkeletonViewProps & {
+    isDetailed: boolean;
+};
+export declare const MarketDetailsOderbookSkeleton: ({ className, }: {
+    className?: string;
+}) => JSX.Element;
+export declare const MarketDetailsSkeletonView: {
+    ({ className, ariaLabel, isDetailed, }: MarketDetailsSkeletonViewProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/types/primitives/skeleton/views/place-order-skeleton-view.d.mts

@@ -0,0 +1,5 @@
+import type { SkeletonViewProps } from "../skeleton.types";
+export declare const PlaceOrderSkeletonView: {
+    ({ className, ariaLabel, }: SkeletonViewProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/skeleton/views/place-order-skeleton-view.d.ts

@@ -0,0 +1,5 @@
+import type { SkeletonViewProps } from "../skeleton.types";
+export declare const PlaceOrderSkeletonView: {
+    ({ className, ariaLabel, }: SkeletonViewProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/skeleton/views/settlement-skeleton-view.d.mts

@@ -0,0 +1,5 @@
+import type { SkeletonViewProps } from "../skeleton.types";
+export declare const SettlementSkeletonView: {
+    ({ className, ariaLabel, }: SkeletonViewProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/skeleton/views/settlement-skeleton-view.d.ts

@@ -0,0 +1,5 @@
+import type { SkeletonViewProps } from "../skeleton.types";
+export declare const SettlementSkeletonView: {
+    ({ className, ariaLabel, }: SkeletonViewProps): JSX.Element;
+    displayName: string;
+};

package/dist/{state-message.d.mts → types/primitives/state-message/index.d.mts}

@@ -8,9 +8,8 @@ type StateMessageProps = {
     onAction?: () => void;
     className?: string;
 };
-declare const StateMessage: {
+export declare const StateMessage: {
     ({ ariaLabel, tone, title, description, actionLabel, onAction, className, }: StateMessageProps): JSX.Element;
     displayName: string;
 };
-
-export { StateMessage };
+export {};

package/dist/{state-message.d.ts → types/primitives/state-message/index.d.ts}

@@ -8,9 +8,8 @@ type StateMessageProps = {
     onAction?: () => void;
     className?: string;
 };
-declare const StateMessage: {
+export declare const StateMessage: {
     ({ ariaLabel, tone, title, description, actionLabel, onAction, className, }: StateMessageProps): JSX.Element;
     displayName: string;
 };
-
-export { StateMessage };
+export {};