@agg-build/ui 1.0.0

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

@@ -0,0 +1,78 @@
+import type { ReactNode } from "react";
+export interface ModalProps {
+    /** Whether the modal is currently open. */
+    open: boolean;
+    /** Called whenever the modal open state changes. */
+    onOpenChange: (open: boolean) => void;
+    /** Modal content rendered inside the dialog. */
+    children: ReactNode;
+    /** Accessible label for the dialog when no labelled title is provided. */
+    "aria-label"?: string;
+    /** ID of the element that labels the dialog. */
+    "aria-labelledby"?: string;
+}
+export interface ModalContainerClassNames {
+    container?: string;
+    overlay?: string;
+    content?: string;
+}
+export interface ModalContainerProps {
+    /** Modal sections rendered inside the container shell. */
+    children: ReactNode;
+    /** Max width applied to the dialog surface. */
+    maxWidth?: string;
+    /** Class name overrides for the modal shell slots. */
+    classNames?: ModalContainerClassNames;
+    /** Accessible label for the dialog shell when needed. */
+    "aria-label"?: string;
+    /** ID of the element that labels the dialog shell. */
+    "aria-labelledby"?: string;
+}
+export interface ModalHeaderClassNames {
+    root?: string;
+    container?: string;
+    title?: string;
+    titleContainer?: string;
+    subtitle?: string;
+    close?: string;
+}
+export interface ModalHeaderProps {
+    /** Primary title rendered in the modal header. */
+    title?: string;
+    /** Secondary text rendered below the title. */
+    subtitle?: string;
+    /** Optional content rendered before the title block. */
+    leftElement?: ReactNode;
+    /** Optional content rendered at the far end of the header. */
+    rightElement?: ReactNode;
+    /** Whether to hide the default close button. */
+    hideClose?: boolean;
+    /** Custom icon or element used for the close affordance. */
+    closeIcon?: ReactNode;
+    /** Class name overrides for header slots. */
+    classNames?: ModalHeaderClassNames;
+    /** Additional custom content rendered inside the header. */
+    children?: ReactNode;
+    /** Whether to hide the header bottom border. */
+    hideBorder?: boolean;
+}
+export interface ModalBodyClassNames {
+    root?: string;
+}
+export interface ModalBodyProps {
+    /** Main body content rendered inside the modal. */
+    children: ReactNode;
+    /** Class name overrides for the body wrapper. */
+    classNames?: ModalBodyClassNames;
+}
+export interface ModalFooterClassNames {
+    root?: string;
+}
+export interface ModalFooterProps {
+    /** Footer content rendered at the bottom of the modal. */
+    children: ReactNode;
+    /** Class name overrides for the footer wrapper. */
+    classNames?: ModalFooterClassNames;
+    /** Whether to hide the footer top border. */
+    hideBorder?: boolean;
+}

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

@@ -0,0 +1,78 @@
+import type { ReactNode } from "react";
+export interface ModalProps {
+    /** Whether the modal is currently open. */
+    open: boolean;
+    /** Called whenever the modal open state changes. */
+    onOpenChange: (open: boolean) => void;
+    /** Modal content rendered inside the dialog. */
+    children: ReactNode;
+    /** Accessible label for the dialog when no labelled title is provided. */
+    "aria-label"?: string;
+    /** ID of the element that labels the dialog. */
+    "aria-labelledby"?: string;
+}
+export interface ModalContainerClassNames {
+    container?: string;
+    overlay?: string;
+    content?: string;
+}
+export interface ModalContainerProps {
+    /** Modal sections rendered inside the container shell. */
+    children: ReactNode;
+    /** Max width applied to the dialog surface. */
+    maxWidth?: string;
+    /** Class name overrides for the modal shell slots. */
+    classNames?: ModalContainerClassNames;
+    /** Accessible label for the dialog shell when needed. */
+    "aria-label"?: string;
+    /** ID of the element that labels the dialog shell. */
+    "aria-labelledby"?: string;
+}
+export interface ModalHeaderClassNames {
+    root?: string;
+    container?: string;
+    title?: string;
+    titleContainer?: string;
+    subtitle?: string;
+    close?: string;
+}
+export interface ModalHeaderProps {
+    /** Primary title rendered in the modal header. */
+    title?: string;
+    /** Secondary text rendered below the title. */
+    subtitle?: string;
+    /** Optional content rendered before the title block. */
+    leftElement?: ReactNode;
+    /** Optional content rendered at the far end of the header. */
+    rightElement?: ReactNode;
+    /** Whether to hide the default close button. */
+    hideClose?: boolean;
+    /** Custom icon or element used for the close affordance. */
+    closeIcon?: ReactNode;
+    /** Class name overrides for header slots. */
+    classNames?: ModalHeaderClassNames;
+    /** Additional custom content rendered inside the header. */
+    children?: ReactNode;
+    /** Whether to hide the header bottom border. */
+    hideBorder?: boolean;
+}
+export interface ModalBodyClassNames {
+    root?: string;
+}
+export interface ModalBodyProps {
+    /** Main body content rendered inside the modal. */
+    children: ReactNode;
+    /** Class name overrides for the body wrapper. */
+    classNames?: ModalBodyClassNames;
+}
+export interface ModalFooterClassNames {
+    root?: string;
+}
+export interface ModalFooterProps {
+    /** Footer content rendered at the bottom of the modal. */
+    children: ReactNode;
+    /** Class name overrides for the footer wrapper. */
+    classNames?: ModalFooterClassNames;
+    /** Whether to hide the footer top border. */
+    hideBorder?: boolean;
+}

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

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+/** Utility helpers for resolving modal animation classes and close-icon fallbacks. */
+export declare const resolveModalOverlayAnimationClassName: (enableAnimations: boolean) => string | undefined;
+export declare const resolveModalPanelAnimationClassName: (enableAnimations: boolean) => string | undefined;
+export declare const resolveModalCloseIcon: ({ closeIcon, defaultCloseIcon, }: {
+    closeIcon?: ReactNode;
+    defaultCloseIcon: ReactNode;
+}) => ReactNode;

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

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+/** Utility helpers for resolving modal animation classes and close-icon fallbacks. */
+export declare const resolveModalOverlayAnimationClassName: (enableAnimations: boolean) => string | undefined;
+export declare const resolveModalPanelAnimationClassName: (enableAnimations: boolean) => string | undefined;
+export declare const resolveModalCloseIcon: ({ closeIcon, defaultCloseIcon, }: {
+    closeIcon?: ReactNode;
+    defaultCloseIcon: ReactNode;
+}) => ReactNode;

package/dist/types/primitives/number-value.d.mts

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

package/dist/types/primitives/number-value.d.ts

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

package/dist/types/primitives/remote-image/index.d.mts

@@ -0,0 +1,7 @@
+import type { RemoteImageProps, RemoteImageStatus } from "./remote-image.types";
+export type { RemoteImageProps, RemoteImageStatus };
+/** Renders a remote image with loading skeleton and error placeholder fallbacks. */
+export declare const RemoteImage: {
+    ({ src, alt, title, className, classNames, width, height, onClick, ariaLabel, }: RemoteImageProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/remote-image/index.d.ts

@@ -0,0 +1,7 @@
+import type { RemoteImageProps, RemoteImageStatus } from "./remote-image.types";
+export type { RemoteImageProps, RemoteImageStatus };
+/** Renders a remote image with loading skeleton and error placeholder fallbacks. */
+export declare const RemoteImage: {
+    ({ src, alt, title, className, classNames, width, height, onClick, ariaLabel, }: RemoteImageProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/remote-image/remote-image.constants.d.mts

@@ -0,0 +1,4 @@
+export declare const containerClasses = "relative inline-flex shrink-0 overflow-hidden";
+export declare const imageClasses = "h-full w-full object-cover";
+export declare const skeletonClasses = "h-full w-full rounded-agg-lg";
+export declare const placeholderClasses = "flex h-full w-full items-center justify-center bg-agg-secondary-hover rounded-agg-lg";

package/dist/types/primitives/remote-image/remote-image.constants.d.ts

@@ -0,0 +1,4 @@
+export declare const containerClasses = "relative inline-flex shrink-0 overflow-hidden";
+export declare const imageClasses = "h-full w-full object-cover";
+export declare const skeletonClasses = "h-full w-full rounded-agg-lg";
+export declare const placeholderClasses = "flex h-full w-full items-center justify-center bg-agg-secondary-hover rounded-agg-lg";

package/dist/types/primitives/remote-image/remote-image.types.d.mts

@@ -0,0 +1,28 @@
+export type RemoteImageStatus = "loading" | "loaded" | "error";
+export type RemoteImageProps = {
+    /** Remote image URL to load. */
+    src: string | undefined | null;
+    /** Accessible alternative text for the image. */
+    alt: string;
+    /** Optional title attribute applied to the image wrapper. */
+    title?: string;
+    /** Custom class name applied to the root wrapper. */
+    className?: string;
+    /** Class name overrides for internal image states. */
+    classNames?: {
+        /** Class name applied to the outer wrapper. */
+        root?: string;
+        /** Class name applied to the loaded image element. */
+        image?: string;
+        /** Class name applied to the loading/error placeholder. */
+        placeholder?: string;
+    };
+    /** Desired rendered width of the image. */
+    width?: number;
+    /** Desired rendered height of the image. */
+    height?: number;
+    /** Called when the image wrapper is clicked. */
+    onClick?: () => void;
+    /** Accessible label applied when the image acts like a control. */
+    ariaLabel?: string;
+};

package/dist/types/primitives/remote-image/remote-image.types.d.ts

@@ -0,0 +1,28 @@
+export type RemoteImageStatus = "loading" | "loaded" | "error";
+export type RemoteImageProps = {
+    /** Remote image URL to load. */
+    src: string | undefined | null;
+    /** Accessible alternative text for the image. */
+    alt: string;
+    /** Optional title attribute applied to the image wrapper. */
+    title?: string;
+    /** Custom class name applied to the root wrapper. */
+    className?: string;
+    /** Class name overrides for internal image states. */
+    classNames?: {
+        /** Class name applied to the outer wrapper. */
+        root?: string;
+        /** Class name applied to the loaded image element. */
+        image?: string;
+        /** Class name applied to the loading/error placeholder. */
+        placeholder?: string;
+    };
+    /** Desired rendered width of the image. */
+    width?: number;
+    /** Desired rendered height of the image. */
+    height?: number;
+    /** Called when the image wrapper is clicked. */
+    onClick?: () => void;
+    /** Accessible label applied when the image acts like a control. */
+    ariaLabel?: string;
+};

package/dist/types/primitives/remote-image/remote-image.utils.d.mts

@@ -0,0 +1,4 @@
+import type { RemoteImageStatus } from "./remote-image.types";
+/** Utility helpers for remote-image source validation and state resolution. */
+export declare const isValidRemoteImageSrc: (src: string | undefined | null) => src is string;
+export declare const resolveRemoteImageStatusFromSrc: (src: string | undefined | null) => RemoteImageStatus;

package/dist/types/primitives/remote-image/remote-image.utils.d.ts

@@ -0,0 +1,4 @@
+import type { RemoteImageStatus } from "./remote-image.types";
+/** Utility helpers for remote-image source validation and state resolution. */
+export declare const isValidRemoteImageSrc: (src: string | undefined | null) => src is string;
+export declare const resolveRemoteImageStatusFromSrc: (src: string | undefined | null) => RemoteImageStatus;

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

@@ -0,0 +1,7 @@
+import { type SearchProps } from "./search.types";
+export type { SearchClassNames, SearchInputProps, SearchProps, SearchResultItem, } from "./search.types";
+/** Renders the search input with debounced querying and result selection states. */
+export declare const Search: {
+    ({ limit, categoryIds, classNames, inputProps, onSelectEvent, onSeeAllEvents, }: SearchProps): JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,7 @@
+import { type SearchProps } from "./search.types";
+export type { SearchClassNames, SearchInputProps, SearchProps, SearchResultItem, } from "./search.types";
+/** Renders the search input with debounced querying and result selection states. */
+export declare const Search: {
+    ({ limit, categoryIds, classNames, inputProps, onSelectEvent, onSeeAllEvents, }: 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.constants.d.mts

@@ -0,0 +1,3 @@
+export declare const DEFAULT_SEARCH_LIMIT = 5;
+export declare const MIN_SEARCH_LENGTH = 3;
+export declare const SEARCH_DEBOUNCE_MS = 300;

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

@@ -0,0 +1,3 @@
+export declare const DEFAULT_SEARCH_LIMIT = 5;
+export declare const MIN_SEARCH_LENGTH = 3;
+export declare const SEARCH_DEBOUNCE_MS = 300;

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

@@ -0,0 +1,57 @@
+import type { InputHTMLAttributes } from "react";
+import type { UseSearchOptions } from "@agg-build/hooks";
+import type { VenueLogoName } from "../venue-logo";
+export type SearchResultItem = {
+    id: string;
+    title: string;
+    thumbnailSrc: string;
+    thumbnailAlt?: string;
+    venue: VenueLogoName;
+    visibleVenues: VenueLogoName[];
+    marketSummaryLabel: string;
+    volumeLabel: string;
+    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 = {
+    /** Maximum number of search results to request per query. */
+    limit?: UseSearchOptions["limit"];
+    /** Category filters forwarded to the search query. */
+    categoryIds?: UseSearchOptions["categoryIds"];
+    /** Class name overrides for internal search slots. */
+    classNames?: SearchClassNames;
+    /** Native input props forwarded to the search field. */
+    inputProps?: SearchInputProps;
+    /**
+     * Override handler for when a search result row is clicked.
+     * When provided, prevents the default `searchConfig.onSelect` behavior.
+     */
+    onSelectEvent?: (eventId: string) => void;
+    /**
+     * Override handler for when the "See all results" button is clicked.
+     * When provided, prevents the default `searchConfig.openResults` behavior.
+     */
+    onSeeAllEvents?: (searchPhrase: string) => void;
+};

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

@@ -0,0 +1,57 @@
+import type { InputHTMLAttributes } from "react";
+import type { UseSearchOptions } from "@agg-build/hooks";
+import type { VenueLogoName } from "../venue-logo";
+export type SearchResultItem = {
+    id: string;
+    title: string;
+    thumbnailSrc: string;
+    thumbnailAlt?: string;
+    venue: VenueLogoName;
+    visibleVenues: VenueLogoName[];
+    marketSummaryLabel: string;
+    volumeLabel: string;
+    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 = {
+    /** Maximum number of search results to request per query. */
+    limit?: UseSearchOptions["limit"];
+    /** Category filters forwarded to the search query. */
+    categoryIds?: UseSearchOptions["categoryIds"];
+    /** Class name overrides for internal search slots. */
+    classNames?: SearchClassNames;
+    /** Native input props forwarded to the search field. */
+    inputProps?: SearchInputProps;
+    /**
+     * Override handler for when a search result row is clicked.
+     * When provided, prevents the default `searchConfig.onSelect` behavior.
+     */
+    onSelectEvent?: (eventId: string) => void;
+    /**
+     * Override handler for when the "See all results" button is clicked.
+     * When provided, prevents the default `searchConfig.openResults` behavior.
+     */
+    onSeeAllEvents?: (searchPhrase: string) => void;
+};

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

@@ -0,0 +1,4 @@
+import type { AggUiLabels } from "@agg-build/hooks";
+import type { VenueEventWithMarkets } from "../../events/item";
+import type { SearchResultItem } from "./search.types";
+export declare const mapVenueEventToSearchResult: (event: VenueEventWithMarkets, labels: AggUiLabels, formatPercent: (value: number) => string, formatCompactCurrency: (value: number) => string) => SearchResultItem | null;

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

@@ -0,0 +1,4 @@
+import type { AggUiLabels } from "@agg-build/hooks";
+import type { VenueEventWithMarkets } from "../../events/item";
+import type { SearchResultItem } from "./search.types";
+export declare const mapVenueEventToSearchResult: (event: VenueEventWithMarkets, labels: AggUiLabels, formatPercent: (value: number) => string, formatCompactCurrency: (value: number) => string) => SearchResultItem | null;

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

@@ -0,0 +1,7 @@
+import type { SelectProps } from "./select.types";
+export type { SelectItem, SelectProps } from "./select.types";
+/** Renders a native select or custom icon-aware dropdown depending on available item icons. */
+export declare const Select: {
+    <TValue extends string = string>({ items, value, onChange, ariaLabel, className, triggerClassName, disabled, }: SelectProps<TValue>): JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,7 @@
+import type { SelectProps } from "./select.types";
+export type { SelectItem, SelectProps } from "./select.types";
+/** Renders a native select or custom icon-aware dropdown depending on available item icons. */
+export declare const Select: {
+    <TValue extends string = string>({ items, value, onChange, ariaLabel, className, triggerClassName, disabled, }: SelectProps<TValue>): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/select/select.constants.d.mts

@@ -0,0 +1 @@
+export declare const SELECT_DEFAULT_IS_DISABLED = false;

package/dist/types/primitives/select/select.constants.d.ts

@@ -0,0 +1 @@
+export declare const SELECT_DEFAULT_IS_DISABLED = false;

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

@@ -0,0 +1,25 @@
+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;
+    /** Optional React node rendered as an icon beside the label (takes precedence over iconUrl). */
+    icon?: React.ReactNode;
+};
+export type SelectProps<TValue extends string = string> = {
+    /** Available options rendered in the trigger dropdown. */
+    items: SelectItem<TValue>[];
+    /** Currently selected option value. */
+    value: TValue;
+    /** Called when the selected value changes. */
+    onChange: (value: TValue) => void;
+    /** Accessible label announced for the select trigger. */
+    ariaLabel?: string;
+    /** Custom class name applied to the select root. */
+    className?: string;
+    /** Extra classes for the trigger (`<select>` or `<button>`), e.g. corner radius. */
+    triggerClassName?: string;
+    /** Whether the select should block user interaction. */
+    disabled?: boolean;
+};

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

@@ -0,0 +1,25 @@
+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;
+    /** Optional React node rendered as an icon beside the label (takes precedence over iconUrl). */
+    icon?: React.ReactNode;
+};
+export type SelectProps<TValue extends string = string> = {
+    /** Available options rendered in the trigger dropdown. */
+    items: SelectItem<TValue>[];
+    /** Currently selected option value. */
+    value: TValue;
+    /** Called when the selected value changes. */
+    onChange: (value: TValue) => void;
+    /** Accessible label announced for the select trigger. */
+    ariaLabel?: string;
+    /** Custom class name applied to the select root. */
+    className?: string;
+    /** Extra classes for the trigger (`<select>` or `<button>`), e.g. corner radius. */
+    triggerClassName?: string;
+    /** Whether the select should block user interaction. */
+    disabled?: boolean;
+};

package/dist/types/primitives/select/select.utils.d.mts

@@ -0,0 +1,9 @@
+import type { SelectItem } from "./select.types";
+/** Utility helpers for resolving select UI state from items and selected value. */
+export declare const resolveHasEnabledItems: <TValue extends string>(items: SelectItem<TValue>[]) => boolean;
+export declare const resolveHasAnyIcon: <TValue extends string>(items: SelectItem<TValue>[]) => boolean;
+export declare const resolveSelectedItem: <TValue extends string>(items: SelectItem<TValue>[], value: TValue) => SelectItem<TValue> | undefined;
+export declare const resolveIsSelectDisabled: ({ disabled, items, }: {
+    disabled: boolean;
+    items: SelectItem[];
+}) => boolean;

package/dist/types/primitives/select/select.utils.d.ts

@@ -0,0 +1,9 @@
+import type { SelectItem } from "./select.types";
+/** Utility helpers for resolving select UI state from items and selected value. */
+export declare const resolveHasEnabledItems: <TValue extends string>(items: SelectItem<TValue>[]) => boolean;
+export declare const resolveHasAnyIcon: <TValue extends string>(items: SelectItem<TValue>[]) => boolean;
+export declare const resolveSelectedItem: <TValue extends string>(items: SelectItem<TValue>[], value: TValue) => SelectItem<TValue> | undefined;
+export declare const resolveIsSelectDisabled: ({ disabled, items, }: {
+    disabled: boolean;
+    items: SelectItem[];
+}) => boolean;

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

@@ -0,0 +1,8 @@
+import { skeletonViews, type SkeletonProps } from "./skeleton.types";
+export { skeletonViews };
+export type { SkeletonProps, SkeletonView } from "./skeleton.types";
+/** Renders the requested skeleton placeholder surface for loading UI states. */
+export declare const Skeleton: {
+    ({ view, className, ariaLabel }: SkeletonProps): JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,8 @@
+import { skeletonViews, type SkeletonProps } from "./skeleton.types";
+export { skeletonViews };
+export type { SkeletonProps, SkeletonView } from "./skeleton.types";
+/** Renders the requested skeleton placeholder surface for loading UI states. */
+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/types/primitives/skeleton/skeleton.constants.d.mts

@@ -0,0 +1 @@
+export declare const DEFAULT_SKELETON_VIEW: "event-list";

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

@@ -0,0 +1 @@
+export declare const DEFAULT_SKELETON_VIEW: "event-list";

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

@@ -0,0 +1,27 @@
+export declare const skeletonViews: {
+    readonly eventListItem: "event-list-item";
+    readonly eventListItemDetails: "event-list-item-details";
+    readonly marketDetailsMinified: "market-details-minified";
+    readonly marketDetailsDetailed: "market-details-detailed";
+    readonly search: "search";
+    readonly eventList: "event-list";
+    readonly settlement: "settlement";
+    readonly placeOrder: "place-order";
+    readonly userProfileOverview: "user-profile-overview";
+    readonly userProfilePositionsActivity: "user-profile-positions-activity";
+};
+export type SkeletonView = (typeof skeletonViews)[keyof typeof skeletonViews];
+export type SkeletonProps = {
+    /** Preset skeleton layout to render. */
+    view: SkeletonView;
+    /** Custom class name applied to the skeleton root. */
+    className?: string;
+    /** Accessible label announced while the skeleton is shown. */
+    ariaLabel?: string;
+};
+export type SkeletonViewProps = {
+    /** Custom class name applied to an individual skeleton view. */
+    className?: string;
+    /** Accessible label announced for the skeleton view. */
+    ariaLabel?: string;
+};