elseware-ui 2.36.4 → 2.36.6

package/dist/index.d.mts

@@ -2204,18 +2204,41 @@ declare const ThemeSwitch: () => React__default.JSX.Element | null;
 
 declare const ShapeSwitch: () => React__default.JSX.Element;
 
+type AsyncLoadingType = "spinner" | "skeleton";
 interface AsyncComponentWrapperProps {
     children: React__default.ReactNode;
     isLoading?: boolean;
+    isFetching?: boolean;
     isSuccess?: boolean;
     isError?: boolean;
+    isUninitialized?: boolean;
     error?: unknown;
-    /**
-     * Optional custom formatter if you want full control
-     */
+    isEmpty?: boolean;
+    loadingText?: string;
+    fetchingText?: string;
+    emptyTitle?: string;
+    emptyText?: string;
+    errorTitle?: string;
+    retryText?: string;
+    loadingType?: AsyncLoadingType;
+    skeletonCount?: number;
+    skeletonClassName?: string;
+    skeletonWrapperClassName?: string;
+    spinnerProps?: Partial<SpinnerProps>;
+    fetchingSpinnerProps?: Partial<SpinnerProps>;
+    loadingFallback?: React__default.ReactNode;
+    emptyFallback?: React__default.ReactNode;
+    errorFallback?: React__default.ReactNode | ((message: string) => React__default.ReactNode);
+    showFetchingIndicator?: boolean;
+    onRetry?: () => void;
     errorFormatter?: (error: unknown) => string;
+    className?: string;
+    contentClassName?: string;
+    stateClassName?: string;
 }
-declare function AsyncComponentWrapper({ children, isLoading, isSuccess, isError, error, errorFormatter, }: AsyncComponentWrapperProps): React__default.JSX.Element;
+
+declare function AsyncComponentWrapper({ children, isLoading, isFetching, isSuccess, isError, isUninitialized, error, isEmpty, loadingText, fetchingText, emptyTitle, emptyText, errorTitle, retryText, loadingType, skeletonCount, skeletonClassName, skeletonWrapperClassName, spinnerProps, fetchingSpinnerProps, loadingFallback, emptyFallback, errorFallback, showFetchingIndicator, onRetry, errorFormatter, className, contentClassName, stateClassName, }: AsyncComponentWrapperProps): React__default.JSX.Element | null;
+declare const _default: React__default.MemoExoticComponent<typeof AsyncComponentWrapper>;
 
 interface GlowWrapperProps {
     children: ReactNode;
@@ -2886,4 +2909,4 @@ type ConfigBootstrapProps = {
 };
 declare function ConfigBootstrap({ config, loadApp, ErrorComponent, LoadingComponent, loadingFallback, showStack, }: ConfigBootstrapProps): React$1.JSX.Element;
 
-export { Accordion, type AnimationComponentProps, type AnimationVariant, type Appearance, AreaPlot, AsyncComponentWrapper, Avatar, Backdrop, Badge, type BarChartProps, BarPlot, type BaseAnimationConfig, BaseChartDataSource, type BaseChartProps, type BaseComponentProps, type BaseMenuNode, type BaseOverlayConfig, type BaseTopNavNode, type BlobAnimationConfig, Block, BlockGroup, type BootstrapConfigLike, BoxNav, BoxNavItem, Brand, Breadcrumb, BreadcrumbItem, type BrowserRedirectURLOptions, Button, CHART_COLOR_PALETTE, CHART_DARK_THEME, CHART_DATA_MODES, CHART_DEFAULT_ACTIVE_DOT_RADIUS, CHART_DEFAULT_ANIMATION_DURATION, CHART_DEFAULT_BAR_RADIUS, CHART_DEFAULT_DOT_RADIUS, CHART_DEFAULT_HEIGHT, CHART_DEFAULT_MARGIN, CHART_DEFAULT_MAX_REALTIME_POINTS, CHART_DEFAULT_POLLING_INTERVAL, CHART_DEFAULT_STROKE_WIDTH, CHART_EMPTY_MESSAGE, CHART_ERROR_MESSAGE, CHART_LIGHT_THEME, CHART_LOADING_MESSAGE, CHART_STATUSES, CHART_STATUS_COLORS, CHART_VALUE_FORMATS, Caption, Card, CardContent, CardFooter, CardHeader, type CardinalPosition, Chapter, Chart, type ChartAction, type ChartBarConfig, type ChartChartType, type ChartColorName, ChartContainer, type ChartContainerProps, ChartContext, type ChartContextValue, type ChartDataHandler, type ChartDataMode, type ChartDataPoint, type ChartDataSource, ChartEmptyState, type ChartEmptyStateProps, type ChartErrorHandler, ChartErrorState, type ChartErrorStateProps, type ChartGaugeConfig, ChartHeader, type ChartHeaderProps, ChartLegend, type ChartLegendItem, type ChartLegendProps, ChartLoadingState, type ChartLoadingStateProps, ChartPanel, type ChartPanelConfig, type ChartPanelProps, type ChartPieConfig, type ChartPrimitive, type ChartProps, ChartProvider, type ChartProviderProps, type ChartRenderChartProps, type ChartSeries, type ChartSeriesColor, type ChartSeriesType, type ChartStatConfig, type ChartState, type ChartStatus, type ChartTheme, type ChartThemeChart, type ChartThemeMode, type ChartThemePanel, type ChartThemeText, type ChartThemeTooltip, ChartToolbar, type ChartToolbarProps, ChartTooltip, type ChartTooltipFormatterOptions, type ChartTooltipPayload, type ChartTooltipProps, type ChartUnsubscribe, type ChartValueFormat, Checkbox, Chip, type CloudinaryConfig, CloudinaryImage, CloudinaryProvider, type CloudinaryProviderProps, CloudinaryVideo, Code, type CommentActionsProps, type CommentAuthor, type CommentComponents, type CommentComposerProps, type CommentContentProps, type CommentDataSource, type CommentEntity, type CommentHeaderProps, type CommentItemProps, type CommentListProps, type CommentMenuProps, type CommentPageResult, type CommentPermissions, type CommentQueryOptions, type CommentRepliesToggleProps, type CommentReplyCache, CommentThread, type CommentThreadConfig, type CommentThreadProps, ConfigBootstrap, type ConfigBootstrapProps, type ConfigSchema, type ConfigSchemaFailure, type ConfigSchemaResult, type ConfigSchemaSuccess, type ConfigTransform, type ConfigTransformContext, Configurator, ConfiguratorError, type ConfiguratorFailure, type ConfiguratorOptions, type ConfiguratorState, type ConfiguratorSuccess, Content, ContentArea, type CornerPosition, type CreateCommentInput, type CreateURLResolverOptions, type CurrencyCode, DEFAULT_CHART_THEME, DataView, DataViewTable, DateSelector, DefaultLayout, type DefaultMenuElements, Display, DocumentationPanel, Drawer, DrawerToggler, type EUIComponentDefaults, type EUIConfigs, EUIDevLayout, EUIProvider, type EUIRoute, EnvErrorScreen, type EnvErrorScreenProps, Flag, Flex, FlexCol, FlexRow, Footer, FooterNav, FooterNavGroup, FooterNavItem, FooterNavItemContext, FooterNavItemTitle, Form, FormResponse, type FormatChartValueOptions, type GaugeChartProps, GaugePlot, GenericLayout, type GetAllowedOriginsOptions, GlowWrapper, type GradientAnimationConfig, Graph, type GraphData, GraphEdge, type GraphEdgeType, type GraphLayoutType, GraphNode, type GraphNodeType, type GraphProps, GraphRenderer, Grid, Header, HeaderNav, HeaderNavGroup, HeaderNavItem, HeaderNavItemContext, HeaderNavItemTitle, HomeLayout, type HorizontalPosition, type HyperRefTarget, Image, ImageInput, InfiniteScrollTrigger, Info, Input, InputFile, InputLabel, InputList, InputListGroup, InputResponse, Label, Layout, type LayoutContext, type LayoutExecutor, Lead, type LimitRealtimePointsOptions, LinePlot, Link, List, type ListAlign, type ListBulletType, type ListDirection, ListItem, type ListItemData, MarkdownEditor, MarkdownProvider, MarkdownTOC, MarkdownViewer, Menu, type MenuElementType, MenuGroup, type MenuGroupNode, MenuItem, type MenuItemNode, MenuItemTitle, type MenuNode, type MenuProps, type MenuTitleNode, type MeshAnimationConfig, Modal, MotionSurface, MultiImageInput, type NavItem, type NormalizeChartDataOptions, type NormalizedChartDataPoint, type NormalizedToastStatus, NumericRating, type OctilePosition, type OverlayVariant, Overline, Paragraph, type PieChartProps, PiePlot, PollingChartDataSource, type PollingChartDataSourceConfig, type PollingChartDataSourceOptions, PriceTag, ProgressBar, type ProgressBarProps, ProgressBarRating, Quote, Radio, type RawChartDataPoint, RealtimeChartDataSource, type RealtimeChartDataSourceConfig, type RealtimeChartDataSourceOptions, type ReplyComposerProps, type ResolveChartColorOptions, type ResolvedChartSeries, type RootAppModule, RouteTab, type RouteTabMode, RouteTabs, type SafeRedirectOptions, ScatterPlot, ScrollToTop, Section, Select, type SendToastOptions, type Shape$1 as Shape, ShapeSwitch, ShowMore, Sidebar, SidebarLayout, SidemenuLayout, type Size$1 as Size, Skeleton, Slider, Spinner, type SpinnerDirection, type SpinnerProps, type SpinnerType, StarRating, StarRatingDistribution, StarRatingInput, type StatChartProps, StatPlot, StaticChartDataSource, type StaticChartDataSourceConfig, type StaticChartDataSourceOptions, Switch, TNDropdown, TNDropdownItem, TNDropdownTitle, TNGroup, Table, Tag, Tags, TextArea, type TextDecoration, ThemeContext, ThemeProvider, ThemeSwitch, TitleBanner, type TitleBannerLevel, Toast, type ToastItemData, type ToastProps, type ToggleReactionResult, Tooltip, TopNav, type TopNavComponents, type TopNavGroupNode, type TopNavItemNode, type TopNavNode, type TopNavProps, type TopNavTitleNode, Transition, TransitionAccordion, TransitionBase, TransitionDropdown, TransitionFade, TransitionFadeIn, TransitionScale, TransitionSlide, Typography, type URLMap, type URLMapSource, type URLQueryParams, type URLQueryValue, UnderConstructionBanner, type UpdateCommentInput, type UseChartDataOptions, type UseChartDataReturn, type UseChartPollingOptions, type UseChartRealtimeOptions, type UseChartSeriesOptions, type UseChartThemeOptions, ValueBadge, type Variant$1 as Variant, type VerticalPosition, WorldMap, WorldMapCountryTable, YoutubeVideo as YoutubeVideoPlayer, addReplyToCache, applyReactionState, assertAbsoluteURL, buildURL, chartReducer, cn, createConfigurator, createForceLayout, createGridLayout, createInitialChartState, createTreeLayout, createURLResolver, decrementReplyCount, enumValues, euiToast, formatChartValue, formatCommentDate, formatConfigError, getAllowedOrigins, getBrowserHref, getBrowserOrigin, getBrowserRedirectURL, getCurrencySymbol, getLayout, getOptimisticDislikeState, getOptimisticLikeState, getSafeRedirect, incrementReplyCount, isMatch, isRenderFn, limitRealtimePoints, normalize, normalizeChartData, normalizeChartDataPoint, parseJson, parseJsonRecord, parseUrlMap, registerLayout, removeComment, removeCommentTreeFromCache, replaceRealtimePoints, resolveAppearanceStyles, resolveChartColor, resolveChartColors, resolveWithGlobal, sendToast, toConfiguratorError, updateComment, updateReplyCacheComment, useChartContext, useChartData, useChartPolling, useChartRealtime, useChartSeries, useChartTheme, useClickOutside, useCloudinaryConfig, useCurrentTheme, useDrawer, useEUIConfig, useIsMobile, useModal, useTheme };
+export { Accordion, type AnimationComponentProps, type AnimationVariant, type Appearance, AreaPlot, _default as AsyncComponentWrapper, Avatar, Backdrop, Badge, type BarChartProps, BarPlot, type BaseAnimationConfig, BaseChartDataSource, type BaseChartProps, type BaseComponentProps, type BaseMenuNode, type BaseOverlayConfig, type BaseTopNavNode, type BlobAnimationConfig, Block, BlockGroup, type BootstrapConfigLike, BoxNav, BoxNavItem, Brand, Breadcrumb, BreadcrumbItem, type BrowserRedirectURLOptions, Button, CHART_COLOR_PALETTE, CHART_DARK_THEME, CHART_DATA_MODES, CHART_DEFAULT_ACTIVE_DOT_RADIUS, CHART_DEFAULT_ANIMATION_DURATION, CHART_DEFAULT_BAR_RADIUS, CHART_DEFAULT_DOT_RADIUS, CHART_DEFAULT_HEIGHT, CHART_DEFAULT_MARGIN, CHART_DEFAULT_MAX_REALTIME_POINTS, CHART_DEFAULT_POLLING_INTERVAL, CHART_DEFAULT_STROKE_WIDTH, CHART_EMPTY_MESSAGE, CHART_ERROR_MESSAGE, CHART_LIGHT_THEME, CHART_LOADING_MESSAGE, CHART_STATUSES, CHART_STATUS_COLORS, CHART_VALUE_FORMATS, Caption, Card, CardContent, CardFooter, CardHeader, type CardinalPosition, Chapter, Chart, type ChartAction, type ChartBarConfig, type ChartChartType, type ChartColorName, ChartContainer, type ChartContainerProps, ChartContext, type ChartContextValue, type ChartDataHandler, type ChartDataMode, type ChartDataPoint, type ChartDataSource, ChartEmptyState, type ChartEmptyStateProps, type ChartErrorHandler, ChartErrorState, type ChartErrorStateProps, type ChartGaugeConfig, ChartHeader, type ChartHeaderProps, ChartLegend, type ChartLegendItem, type ChartLegendProps, ChartLoadingState, type ChartLoadingStateProps, ChartPanel, type ChartPanelConfig, type ChartPanelProps, type ChartPieConfig, type ChartPrimitive, type ChartProps, ChartProvider, type ChartProviderProps, type ChartRenderChartProps, type ChartSeries, type ChartSeriesColor, type ChartSeriesType, type ChartStatConfig, type ChartState, type ChartStatus, type ChartTheme, type ChartThemeChart, type ChartThemeMode, type ChartThemePanel, type ChartThemeText, type ChartThemeTooltip, ChartToolbar, type ChartToolbarProps, ChartTooltip, type ChartTooltipFormatterOptions, type ChartTooltipPayload, type ChartTooltipProps, type ChartUnsubscribe, type ChartValueFormat, Checkbox, Chip, type CloudinaryConfig, CloudinaryImage, CloudinaryProvider, type CloudinaryProviderProps, CloudinaryVideo, Code, type CommentActionsProps, type CommentAuthor, type CommentComponents, type CommentComposerProps, type CommentContentProps, type CommentDataSource, type CommentEntity, type CommentHeaderProps, type CommentItemProps, type CommentListProps, type CommentMenuProps, type CommentPageResult, type CommentPermissions, type CommentQueryOptions, type CommentRepliesToggleProps, type CommentReplyCache, CommentThread, type CommentThreadConfig, type CommentThreadProps, ConfigBootstrap, type ConfigBootstrapProps, type ConfigSchema, type ConfigSchemaFailure, type ConfigSchemaResult, type ConfigSchemaSuccess, type ConfigTransform, type ConfigTransformContext, Configurator, ConfiguratorError, type ConfiguratorFailure, type ConfiguratorOptions, type ConfiguratorState, type ConfiguratorSuccess, Content, ContentArea, type CornerPosition, type CreateCommentInput, type CreateURLResolverOptions, type CurrencyCode, DEFAULT_CHART_THEME, DataView, DataViewTable, DateSelector, DefaultLayout, type DefaultMenuElements, Display, DocumentationPanel, Drawer, DrawerToggler, type EUIComponentDefaults, type EUIConfigs, EUIDevLayout, EUIProvider, type EUIRoute, EnvErrorScreen, type EnvErrorScreenProps, Flag, Flex, FlexCol, FlexRow, Footer, FooterNav, FooterNavGroup, FooterNavItem, FooterNavItemContext, FooterNavItemTitle, Form, FormResponse, type FormatChartValueOptions, type GaugeChartProps, GaugePlot, GenericLayout, type GetAllowedOriginsOptions, GlowWrapper, type GradientAnimationConfig, Graph, type GraphData, GraphEdge, type GraphEdgeType, type GraphLayoutType, GraphNode, type GraphNodeType, type GraphProps, GraphRenderer, Grid, Header, HeaderNav, HeaderNavGroup, HeaderNavItem, HeaderNavItemContext, HeaderNavItemTitle, HomeLayout, type HorizontalPosition, type HyperRefTarget, Image, ImageInput, InfiniteScrollTrigger, Info, Input, InputFile, InputLabel, InputList, InputListGroup, InputResponse, Label, Layout, type LayoutContext, type LayoutExecutor, Lead, type LimitRealtimePointsOptions, LinePlot, Link, List, type ListAlign, type ListBulletType, type ListDirection, ListItem, type ListItemData, MarkdownEditor, MarkdownProvider, MarkdownTOC, MarkdownViewer, Menu, type MenuElementType, MenuGroup, type MenuGroupNode, MenuItem, type MenuItemNode, MenuItemTitle, type MenuNode, type MenuProps, type MenuTitleNode, type MeshAnimationConfig, Modal, MotionSurface, MultiImageInput, type NavItem, type NormalizeChartDataOptions, type NormalizedChartDataPoint, type NormalizedToastStatus, NumericRating, type OctilePosition, type OverlayVariant, Overline, Paragraph, type PieChartProps, PiePlot, PollingChartDataSource, type PollingChartDataSourceConfig, type PollingChartDataSourceOptions, PriceTag, ProgressBar, type ProgressBarProps, ProgressBarRating, Quote, Radio, type RawChartDataPoint, RealtimeChartDataSource, type RealtimeChartDataSourceConfig, type RealtimeChartDataSourceOptions, type ReplyComposerProps, type ResolveChartColorOptions, type ResolvedChartSeries, type RootAppModule, RouteTab, type RouteTabMode, RouteTabs, type SafeRedirectOptions, ScatterPlot, ScrollToTop, Section, Select, type SendToastOptions, type Shape$1 as Shape, ShapeSwitch, ShowMore, Sidebar, SidebarLayout, SidemenuLayout, type Size$1 as Size, Skeleton, Slider, Spinner, type SpinnerDirection, type SpinnerProps, type SpinnerType, StarRating, StarRatingDistribution, StarRatingInput, type StatChartProps, StatPlot, StaticChartDataSource, type StaticChartDataSourceConfig, type StaticChartDataSourceOptions, Switch, TNDropdown, TNDropdownItem, TNDropdownTitle, TNGroup, Table, Tag, Tags, TextArea, type TextDecoration, ThemeContext, ThemeProvider, ThemeSwitch, TitleBanner, type TitleBannerLevel, Toast, type ToastItemData, type ToastProps, type ToggleReactionResult, Tooltip, TopNav, type TopNavComponents, type TopNavGroupNode, type TopNavItemNode, type TopNavNode, type TopNavProps, type TopNavTitleNode, Transition, TransitionAccordion, TransitionBase, TransitionDropdown, TransitionFade, TransitionFadeIn, TransitionScale, TransitionSlide, Typography, type URLMap, type URLMapSource, type URLQueryParams, type URLQueryValue, UnderConstructionBanner, type UpdateCommentInput, type UseChartDataOptions, type UseChartDataReturn, type UseChartPollingOptions, type UseChartRealtimeOptions, type UseChartSeriesOptions, type UseChartThemeOptions, ValueBadge, type Variant$1 as Variant, type VerticalPosition, WorldMap, WorldMapCountryTable, YoutubeVideo as YoutubeVideoPlayer, addReplyToCache, applyReactionState, assertAbsoluteURL, buildURL, chartReducer, cn, createConfigurator, createForceLayout, createGridLayout, createInitialChartState, createTreeLayout, createURLResolver, decrementReplyCount, enumValues, euiToast, formatChartValue, formatCommentDate, formatConfigError, getAllowedOrigins, getBrowserHref, getBrowserOrigin, getBrowserRedirectURL, getCurrencySymbol, getLayout, getOptimisticDislikeState, getOptimisticLikeState, getSafeRedirect, incrementReplyCount, isMatch, isRenderFn, limitRealtimePoints, normalize, normalizeChartData, normalizeChartDataPoint, parseJson, parseJsonRecord, parseUrlMap, registerLayout, removeComment, removeCommentTreeFromCache, replaceRealtimePoints, resolveAppearanceStyles, resolveChartColor, resolveChartColors, resolveWithGlobal, sendToast, toConfiguratorError, updateComment, updateReplyCacheComment, useChartContext, useChartData, useChartPolling, useChartRealtime, useChartSeries, useChartTheme, useClickOutside, useCloudinaryConfig, useCurrentTheme, useDrawer, useEUIConfig, useIsMobile, useModal, useTheme };

package/dist/index.d.ts

@@ -2204,18 +2204,41 @@ declare const ThemeSwitch: () => React__default.JSX.Element | null;
 
 declare const ShapeSwitch: () => React__default.JSX.Element;
 
+type AsyncLoadingType = "spinner" | "skeleton";
 interface AsyncComponentWrapperProps {
     children: React__default.ReactNode;
     isLoading?: boolean;
+    isFetching?: boolean;
     isSuccess?: boolean;
     isError?: boolean;
+    isUninitialized?: boolean;
     error?: unknown;
-    /**
-     * Optional custom formatter if you want full control
-     */
+    isEmpty?: boolean;
+    loadingText?: string;
+    fetchingText?: string;
+    emptyTitle?: string;
+    emptyText?: string;
+    errorTitle?: string;
+    retryText?: string;
+    loadingType?: AsyncLoadingType;
+    skeletonCount?: number;
+    skeletonClassName?: string;
+    skeletonWrapperClassName?: string;
+    spinnerProps?: Partial<SpinnerProps>;
+    fetchingSpinnerProps?: Partial<SpinnerProps>;
+    loadingFallback?: React__default.ReactNode;
+    emptyFallback?: React__default.ReactNode;
+    errorFallback?: React__default.ReactNode | ((message: string) => React__default.ReactNode);
+    showFetchingIndicator?: boolean;
+    onRetry?: () => void;
     errorFormatter?: (error: unknown) => string;
+    className?: string;
+    contentClassName?: string;
+    stateClassName?: string;
 }
-declare function AsyncComponentWrapper({ children, isLoading, isSuccess, isError, error, errorFormatter, }: AsyncComponentWrapperProps): React__default.JSX.Element;
+
+declare function AsyncComponentWrapper({ children, isLoading, isFetching, isSuccess, isError, isUninitialized, error, isEmpty, loadingText, fetchingText, emptyTitle, emptyText, errorTitle, retryText, loadingType, skeletonCount, skeletonClassName, skeletonWrapperClassName, spinnerProps, fetchingSpinnerProps, loadingFallback, emptyFallback, errorFallback, showFetchingIndicator, onRetry, errorFormatter, className, contentClassName, stateClassName, }: AsyncComponentWrapperProps): React__default.JSX.Element | null;
+declare const _default: React__default.MemoExoticComponent<typeof AsyncComponentWrapper>;
 
 interface GlowWrapperProps {
     children: ReactNode;
@@ -2886,4 +2909,4 @@ type ConfigBootstrapProps = {
 };
 declare function ConfigBootstrap({ config, loadApp, ErrorComponent, LoadingComponent, loadingFallback, showStack, }: ConfigBootstrapProps): React$1.JSX.Element;
 
-export { Accordion, type AnimationComponentProps, type AnimationVariant, type Appearance, AreaPlot, AsyncComponentWrapper, Avatar, Backdrop, Badge, type BarChartProps, BarPlot, type BaseAnimationConfig, BaseChartDataSource, type BaseChartProps, type BaseComponentProps, type BaseMenuNode, type BaseOverlayConfig, type BaseTopNavNode, type BlobAnimationConfig, Block, BlockGroup, type BootstrapConfigLike, BoxNav, BoxNavItem, Brand, Breadcrumb, BreadcrumbItem, type BrowserRedirectURLOptions, Button, CHART_COLOR_PALETTE, CHART_DARK_THEME, CHART_DATA_MODES, CHART_DEFAULT_ACTIVE_DOT_RADIUS, CHART_DEFAULT_ANIMATION_DURATION, CHART_DEFAULT_BAR_RADIUS, CHART_DEFAULT_DOT_RADIUS, CHART_DEFAULT_HEIGHT, CHART_DEFAULT_MARGIN, CHART_DEFAULT_MAX_REALTIME_POINTS, CHART_DEFAULT_POLLING_INTERVAL, CHART_DEFAULT_STROKE_WIDTH, CHART_EMPTY_MESSAGE, CHART_ERROR_MESSAGE, CHART_LIGHT_THEME, CHART_LOADING_MESSAGE, CHART_STATUSES, CHART_STATUS_COLORS, CHART_VALUE_FORMATS, Caption, Card, CardContent, CardFooter, CardHeader, type CardinalPosition, Chapter, Chart, type ChartAction, type ChartBarConfig, type ChartChartType, type ChartColorName, ChartContainer, type ChartContainerProps, ChartContext, type ChartContextValue, type ChartDataHandler, type ChartDataMode, type ChartDataPoint, type ChartDataSource, ChartEmptyState, type ChartEmptyStateProps, type ChartErrorHandler, ChartErrorState, type ChartErrorStateProps, type ChartGaugeConfig, ChartHeader, type ChartHeaderProps, ChartLegend, type ChartLegendItem, type ChartLegendProps, ChartLoadingState, type ChartLoadingStateProps, ChartPanel, type ChartPanelConfig, type ChartPanelProps, type ChartPieConfig, type ChartPrimitive, type ChartProps, ChartProvider, type ChartProviderProps, type ChartRenderChartProps, type ChartSeries, type ChartSeriesColor, type ChartSeriesType, type ChartStatConfig, type ChartState, type ChartStatus, type ChartTheme, type ChartThemeChart, type ChartThemeMode, type ChartThemePanel, type ChartThemeText, type ChartThemeTooltip, ChartToolbar, type ChartToolbarProps, ChartTooltip, type ChartTooltipFormatterOptions, type ChartTooltipPayload, type ChartTooltipProps, type ChartUnsubscribe, type ChartValueFormat, Checkbox, Chip, type CloudinaryConfig, CloudinaryImage, CloudinaryProvider, type CloudinaryProviderProps, CloudinaryVideo, Code, type CommentActionsProps, type CommentAuthor, type CommentComponents, type CommentComposerProps, type CommentContentProps, type CommentDataSource, type CommentEntity, type CommentHeaderProps, type CommentItemProps, type CommentListProps, type CommentMenuProps, type CommentPageResult, type CommentPermissions, type CommentQueryOptions, type CommentRepliesToggleProps, type CommentReplyCache, CommentThread, type CommentThreadConfig, type CommentThreadProps, ConfigBootstrap, type ConfigBootstrapProps, type ConfigSchema, type ConfigSchemaFailure, type ConfigSchemaResult, type ConfigSchemaSuccess, type ConfigTransform, type ConfigTransformContext, Configurator, ConfiguratorError, type ConfiguratorFailure, type ConfiguratorOptions, type ConfiguratorState, type ConfiguratorSuccess, Content, ContentArea, type CornerPosition, type CreateCommentInput, type CreateURLResolverOptions, type CurrencyCode, DEFAULT_CHART_THEME, DataView, DataViewTable, DateSelector, DefaultLayout, type DefaultMenuElements, Display, DocumentationPanel, Drawer, DrawerToggler, type EUIComponentDefaults, type EUIConfigs, EUIDevLayout, EUIProvider, type EUIRoute, EnvErrorScreen, type EnvErrorScreenProps, Flag, Flex, FlexCol, FlexRow, Footer, FooterNav, FooterNavGroup, FooterNavItem, FooterNavItemContext, FooterNavItemTitle, Form, FormResponse, type FormatChartValueOptions, type GaugeChartProps, GaugePlot, GenericLayout, type GetAllowedOriginsOptions, GlowWrapper, type GradientAnimationConfig, Graph, type GraphData, GraphEdge, type GraphEdgeType, type GraphLayoutType, GraphNode, type GraphNodeType, type GraphProps, GraphRenderer, Grid, Header, HeaderNav, HeaderNavGroup, HeaderNavItem, HeaderNavItemContext, HeaderNavItemTitle, HomeLayout, type HorizontalPosition, type HyperRefTarget, Image, ImageInput, InfiniteScrollTrigger, Info, Input, InputFile, InputLabel, InputList, InputListGroup, InputResponse, Label, Layout, type LayoutContext, type LayoutExecutor, Lead, type LimitRealtimePointsOptions, LinePlot, Link, List, type ListAlign, type ListBulletType, type ListDirection, ListItem, type ListItemData, MarkdownEditor, MarkdownProvider, MarkdownTOC, MarkdownViewer, Menu, type MenuElementType, MenuGroup, type MenuGroupNode, MenuItem, type MenuItemNode, MenuItemTitle, type MenuNode, type MenuProps, type MenuTitleNode, type MeshAnimationConfig, Modal, MotionSurface, MultiImageInput, type NavItem, type NormalizeChartDataOptions, type NormalizedChartDataPoint, type NormalizedToastStatus, NumericRating, type OctilePosition, type OverlayVariant, Overline, Paragraph, type PieChartProps, PiePlot, PollingChartDataSource, type PollingChartDataSourceConfig, type PollingChartDataSourceOptions, PriceTag, ProgressBar, type ProgressBarProps, ProgressBarRating, Quote, Radio, type RawChartDataPoint, RealtimeChartDataSource, type RealtimeChartDataSourceConfig, type RealtimeChartDataSourceOptions, type ReplyComposerProps, type ResolveChartColorOptions, type ResolvedChartSeries, type RootAppModule, RouteTab, type RouteTabMode, RouteTabs, type SafeRedirectOptions, ScatterPlot, ScrollToTop, Section, Select, type SendToastOptions, type Shape$1 as Shape, ShapeSwitch, ShowMore, Sidebar, SidebarLayout, SidemenuLayout, type Size$1 as Size, Skeleton, Slider, Spinner, type SpinnerDirection, type SpinnerProps, type SpinnerType, StarRating, StarRatingDistribution, StarRatingInput, type StatChartProps, StatPlot, StaticChartDataSource, type StaticChartDataSourceConfig, type StaticChartDataSourceOptions, Switch, TNDropdown, TNDropdownItem, TNDropdownTitle, TNGroup, Table, Tag, Tags, TextArea, type TextDecoration, ThemeContext, ThemeProvider, ThemeSwitch, TitleBanner, type TitleBannerLevel, Toast, type ToastItemData, type ToastProps, type ToggleReactionResult, Tooltip, TopNav, type TopNavComponents, type TopNavGroupNode, type TopNavItemNode, type TopNavNode, type TopNavProps, type TopNavTitleNode, Transition, TransitionAccordion, TransitionBase, TransitionDropdown, TransitionFade, TransitionFadeIn, TransitionScale, TransitionSlide, Typography, type URLMap, type URLMapSource, type URLQueryParams, type URLQueryValue, UnderConstructionBanner, type UpdateCommentInput, type UseChartDataOptions, type UseChartDataReturn, type UseChartPollingOptions, type UseChartRealtimeOptions, type UseChartSeriesOptions, type UseChartThemeOptions, ValueBadge, type Variant$1 as Variant, type VerticalPosition, WorldMap, WorldMapCountryTable, YoutubeVideo as YoutubeVideoPlayer, addReplyToCache, applyReactionState, assertAbsoluteURL, buildURL, chartReducer, cn, createConfigurator, createForceLayout, createGridLayout, createInitialChartState, createTreeLayout, createURLResolver, decrementReplyCount, enumValues, euiToast, formatChartValue, formatCommentDate, formatConfigError, getAllowedOrigins, getBrowserHref, getBrowserOrigin, getBrowserRedirectURL, getCurrencySymbol, getLayout, getOptimisticDislikeState, getOptimisticLikeState, getSafeRedirect, incrementReplyCount, isMatch, isRenderFn, limitRealtimePoints, normalize, normalizeChartData, normalizeChartDataPoint, parseJson, parseJsonRecord, parseUrlMap, registerLayout, removeComment, removeCommentTreeFromCache, replaceRealtimePoints, resolveAppearanceStyles, resolveChartColor, resolveChartColors, resolveWithGlobal, sendToast, toConfiguratorError, updateComment, updateReplyCacheComment, useChartContext, useChartData, useChartPolling, useChartRealtime, useChartSeries, useChartTheme, useClickOutside, useCloudinaryConfig, useCurrentTheme, useDrawer, useEUIConfig, useIsMobile, useModal, useTheme };
+export { Accordion, type AnimationComponentProps, type AnimationVariant, type Appearance, AreaPlot, _default as AsyncComponentWrapper, Avatar, Backdrop, Badge, type BarChartProps, BarPlot, type BaseAnimationConfig, BaseChartDataSource, type BaseChartProps, type BaseComponentProps, type BaseMenuNode, type BaseOverlayConfig, type BaseTopNavNode, type BlobAnimationConfig, Block, BlockGroup, type BootstrapConfigLike, BoxNav, BoxNavItem, Brand, Breadcrumb, BreadcrumbItem, type BrowserRedirectURLOptions, Button, CHART_COLOR_PALETTE, CHART_DARK_THEME, CHART_DATA_MODES, CHART_DEFAULT_ACTIVE_DOT_RADIUS, CHART_DEFAULT_ANIMATION_DURATION, CHART_DEFAULT_BAR_RADIUS, CHART_DEFAULT_DOT_RADIUS, CHART_DEFAULT_HEIGHT, CHART_DEFAULT_MARGIN, CHART_DEFAULT_MAX_REALTIME_POINTS, CHART_DEFAULT_POLLING_INTERVAL, CHART_DEFAULT_STROKE_WIDTH, CHART_EMPTY_MESSAGE, CHART_ERROR_MESSAGE, CHART_LIGHT_THEME, CHART_LOADING_MESSAGE, CHART_STATUSES, CHART_STATUS_COLORS, CHART_VALUE_FORMATS, Caption, Card, CardContent, CardFooter, CardHeader, type CardinalPosition, Chapter, Chart, type ChartAction, type ChartBarConfig, type ChartChartType, type ChartColorName, ChartContainer, type ChartContainerProps, ChartContext, type ChartContextValue, type ChartDataHandler, type ChartDataMode, type ChartDataPoint, type ChartDataSource, ChartEmptyState, type ChartEmptyStateProps, type ChartErrorHandler, ChartErrorState, type ChartErrorStateProps, type ChartGaugeConfig, ChartHeader, type ChartHeaderProps, ChartLegend, type ChartLegendItem, type ChartLegendProps, ChartLoadingState, type ChartLoadingStateProps, ChartPanel, type ChartPanelConfig, type ChartPanelProps, type ChartPieConfig, type ChartPrimitive, type ChartProps, ChartProvider, type ChartProviderProps, type ChartRenderChartProps, type ChartSeries, type ChartSeriesColor, type ChartSeriesType, type ChartStatConfig, type ChartState, type ChartStatus, type ChartTheme, type ChartThemeChart, type ChartThemeMode, type ChartThemePanel, type ChartThemeText, type ChartThemeTooltip, ChartToolbar, type ChartToolbarProps, ChartTooltip, type ChartTooltipFormatterOptions, type ChartTooltipPayload, type ChartTooltipProps, type ChartUnsubscribe, type ChartValueFormat, Checkbox, Chip, type CloudinaryConfig, CloudinaryImage, CloudinaryProvider, type CloudinaryProviderProps, CloudinaryVideo, Code, type CommentActionsProps, type CommentAuthor, type CommentComponents, type CommentComposerProps, type CommentContentProps, type CommentDataSource, type CommentEntity, type CommentHeaderProps, type CommentItemProps, type CommentListProps, type CommentMenuProps, type CommentPageResult, type CommentPermissions, type CommentQueryOptions, type CommentRepliesToggleProps, type CommentReplyCache, CommentThread, type CommentThreadConfig, type CommentThreadProps, ConfigBootstrap, type ConfigBootstrapProps, type ConfigSchema, type ConfigSchemaFailure, type ConfigSchemaResult, type ConfigSchemaSuccess, type ConfigTransform, type ConfigTransformContext, Configurator, ConfiguratorError, type ConfiguratorFailure, type ConfiguratorOptions, type ConfiguratorState, type ConfiguratorSuccess, Content, ContentArea, type CornerPosition, type CreateCommentInput, type CreateURLResolverOptions, type CurrencyCode, DEFAULT_CHART_THEME, DataView, DataViewTable, DateSelector, DefaultLayout, type DefaultMenuElements, Display, DocumentationPanel, Drawer, DrawerToggler, type EUIComponentDefaults, type EUIConfigs, EUIDevLayout, EUIProvider, type EUIRoute, EnvErrorScreen, type EnvErrorScreenProps, Flag, Flex, FlexCol, FlexRow, Footer, FooterNav, FooterNavGroup, FooterNavItem, FooterNavItemContext, FooterNavItemTitle, Form, FormResponse, type FormatChartValueOptions, type GaugeChartProps, GaugePlot, GenericLayout, type GetAllowedOriginsOptions, GlowWrapper, type GradientAnimationConfig, Graph, type GraphData, GraphEdge, type GraphEdgeType, type GraphLayoutType, GraphNode, type GraphNodeType, type GraphProps, GraphRenderer, Grid, Header, HeaderNav, HeaderNavGroup, HeaderNavItem, HeaderNavItemContext, HeaderNavItemTitle, HomeLayout, type HorizontalPosition, type HyperRefTarget, Image, ImageInput, InfiniteScrollTrigger, Info, Input, InputFile, InputLabel, InputList, InputListGroup, InputResponse, Label, Layout, type LayoutContext, type LayoutExecutor, Lead, type LimitRealtimePointsOptions, LinePlot, Link, List, type ListAlign, type ListBulletType, type ListDirection, ListItem, type ListItemData, MarkdownEditor, MarkdownProvider, MarkdownTOC, MarkdownViewer, Menu, type MenuElementType, MenuGroup, type MenuGroupNode, MenuItem, type MenuItemNode, MenuItemTitle, type MenuNode, type MenuProps, type MenuTitleNode, type MeshAnimationConfig, Modal, MotionSurface, MultiImageInput, type NavItem, type NormalizeChartDataOptions, type NormalizedChartDataPoint, type NormalizedToastStatus, NumericRating, type OctilePosition, type OverlayVariant, Overline, Paragraph, type PieChartProps, PiePlot, PollingChartDataSource, type PollingChartDataSourceConfig, type PollingChartDataSourceOptions, PriceTag, ProgressBar, type ProgressBarProps, ProgressBarRating, Quote, Radio, type RawChartDataPoint, RealtimeChartDataSource, type RealtimeChartDataSourceConfig, type RealtimeChartDataSourceOptions, type ReplyComposerProps, type ResolveChartColorOptions, type ResolvedChartSeries, type RootAppModule, RouteTab, type RouteTabMode, RouteTabs, type SafeRedirectOptions, ScatterPlot, ScrollToTop, Section, Select, type SendToastOptions, type Shape$1 as Shape, ShapeSwitch, ShowMore, Sidebar, SidebarLayout, SidemenuLayout, type Size$1 as Size, Skeleton, Slider, Spinner, type SpinnerDirection, type SpinnerProps, type SpinnerType, StarRating, StarRatingDistribution, StarRatingInput, type StatChartProps, StatPlot, StaticChartDataSource, type StaticChartDataSourceConfig, type StaticChartDataSourceOptions, Switch, TNDropdown, TNDropdownItem, TNDropdownTitle, TNGroup, Table, Tag, Tags, TextArea, type TextDecoration, ThemeContext, ThemeProvider, ThemeSwitch, TitleBanner, type TitleBannerLevel, Toast, type ToastItemData, type ToastProps, type ToggleReactionResult, Tooltip, TopNav, type TopNavComponents, type TopNavGroupNode, type TopNavItemNode, type TopNavNode, type TopNavProps, type TopNavTitleNode, Transition, TransitionAccordion, TransitionBase, TransitionDropdown, TransitionFade, TransitionFadeIn, TransitionScale, TransitionSlide, Typography, type URLMap, type URLMapSource, type URLQueryParams, type URLQueryValue, UnderConstructionBanner, type UpdateCommentInput, type UseChartDataOptions, type UseChartDataReturn, type UseChartPollingOptions, type UseChartRealtimeOptions, type UseChartSeriesOptions, type UseChartThemeOptions, ValueBadge, type Variant$1 as Variant, type VerticalPosition, WorldMap, WorldMapCountryTable, YoutubeVideo as YoutubeVideoPlayer, addReplyToCache, applyReactionState, assertAbsoluteURL, buildURL, chartReducer, cn, createConfigurator, createForceLayout, createGridLayout, createInitialChartState, createTreeLayout, createURLResolver, decrementReplyCount, enumValues, euiToast, formatChartValue, formatCommentDate, formatConfigError, getAllowedOrigins, getBrowserHref, getBrowserOrigin, getBrowserRedirectURL, getCurrencySymbol, getLayout, getOptimisticDislikeState, getOptimisticLikeState, getSafeRedirect, incrementReplyCount, isMatch, isRenderFn, limitRealtimePoints, normalize, normalizeChartData, normalizeChartDataPoint, parseJson, parseJsonRecord, parseUrlMap, registerLayout, removeComment, removeCommentTreeFromCache, replaceRealtimePoints, resolveAppearanceStyles, resolveChartColor, resolveChartColors, resolveWithGlobal, sendToast, toConfiguratorError, updateComment, updateReplyCacheComment, useChartContext, useChartData, useChartPolling, useChartRealtime, useChartSeries, useChartTheme, useClickOutside, useCloudinaryConfig, useCurrentTheme, useDrawer, useEUIConfig, useIsMobile, useModal, useTheme };

package/dist/index.js

@@ -21068,16 +21068,70 @@ function UnderConstructionBanner({
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-5", children: /* @__PURE__ */ jsxRuntime.jsx(Info_default, { children: text ? text : "This component is currently under construction and will be made available soon" }) });
 }
+function AsyncStateCard({
+  type,
+  title,
+  message,
+  actionText,
+  actionLoading,
+  onAction,
+  className
+}) {
+  const isError = type === "error";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn(
+        "flex min-h-[220px] w-full items-center justify-center rounded-xl border p-6",
+        "border-eui-dark-300/10 bg-white/70 shadow-sm",
+        "dark:border-eui-light-400/10 dark:bg-eui-dark-900/40",
+        className
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex max-w-md flex-col items-center gap-4 text-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: cn(
+              "flex h-12 w-12 items-center justify-center rounded-full text-xl font-bold",
+              isError ? "bg-eui-danger-500/10 text-eui-danger-500" : "bg-eui-dark-500/10 text-eui-dark-500 dark:bg-eui-light-500/10 dark:text-eui-light-400"
+            ),
+            children: isError ? "!" : "\u2013"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-eui-dark-900 dark:text-eui-light-50", children: title }),
+          isError ? /* @__PURE__ */ jsxRuntime.jsx(FormResponse_default, { text: message, variant: "danger" }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-eui-dark-500 dark:text-eui-light-400", children: message })
+        ] }),
+        onAction && actionText && /* @__PURE__ */ jsxRuntime.jsx(
+          Button_default,
+          {
+            type: "button",
+            text: actionText,
+            loading: actionLoading,
+            disabled: actionLoading,
+            onClick: onAction,
+            variant: isError ? "danger" : "primary",
+            appearance: "solid",
+            size: "sm"
+          }
+        )
+      ] })
+    }
+  );
+}
+var AsyncStateCard_default = React2__default.default.memo(AsyncStateCard);
+
+// src/components/utils/async-component-wrapper/asyncError.utils.ts
 var getDefaultErrorMessage = (error) => {
   if (!error) return "Something went wrong.";
   if (typeof error === "string") return error;
   if (error instanceof Error) return error.message;
   if (typeof error === "object") {
     const anyErr = error;
-    if (anyErr?.data?.message && typeof anyErr.data.message === "string") {
+    if (typeof anyErr?.data?.message === "string") {
       return anyErr.data.message;
     }
-    if (anyErr?.message && typeof anyErr.message === "string") {
+    if (typeof anyErr?.message === "string") {
       return anyErr.message;
     }
     if (anyErr?.status) {
@@ -21093,20 +21147,118 @@ var getDefaultErrorMessage = (error) => {
 };
 function AsyncComponentWrapper({
   children,
-  isLoading,
-  isSuccess = true,
-  isError,
+  isLoading = false,
+  isFetching = false,
+  isSuccess,
+  isError = false,
+  isUninitialized = false,
   error,
-  errorFormatter
+  isEmpty = false,
+  loadingText = "Loading...",
+  fetchingText = "Updating...",
+  emptyTitle = "No data found",
+  emptyText = "No data available.",
+  errorTitle = "Something went wrong",
+  retryText = "Retry",
+  loadingType = "spinner",
+  skeletonCount = 3,
+  skeletonClassName = "h-24 w-full rounded-md",
+  skeletonWrapperClassName = "flex flex-col gap-3 py-4",
+  spinnerProps,
+  fetchingSpinnerProps,
+  loadingFallback,
+  emptyFallback,
+  errorFallback,
+  showFetchingIndicator = true,
+  onRetry,
+  errorFormatter,
+  className,
+  contentClassName,
+  stateClassName
 }) {
-  const errorMessage = isError && error ? errorFormatter ? errorFormatter(error) : getDefaultErrorMessage(error) : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-    isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full py-10 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ai.AiOutlineLoading, { className: "animate-spin" }) }),
-    isError && errorMessage && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-5", children: /* @__PURE__ */ jsxRuntime.jsx(FormResponse_default, { text: errorMessage, variant: "danger" }) }),
-    !isLoading && !isError && isSuccess && /* @__PURE__ */ jsxRuntime.jsx("div", { children })
+  const errorMessage = React2.useMemo(() => {
+    if (!isError) return "";
+    return errorFormatter ? errorFormatter(error) : getDefaultErrorMessage(error);
+  }, [isError, error, errorFormatter]);
+  const hasSuccess = isSuccess ?? (!isLoading && !isError && !isUninitialized);
+  const renderLoading = () => {
+    if (loadingFallback) return loadingFallback;
+    if (loadingType === "skeleton") {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(skeletonWrapperClassName), children: Array.from({ length: skeletonCount }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: skeletonClassName }, index)) });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Spinner_default,
+      {
+        centered: true,
+        label: loadingText,
+        type: "bars",
+        size: "md",
+        variant: "primary",
+        ...spinnerProps
+      }
+    );
+  };
+  const renderError = () => {
+    if (typeof errorFallback === "function") {
+      return errorFallback(errorMessage);
+    }
+    if (errorFallback) return errorFallback;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      AsyncStateCard_default,
+      {
+        type: "error",
+        title: errorTitle,
+        message: errorMessage,
+        actionText: onRetry ? retryText : void 0,
+        actionLoading: isFetching,
+        onAction: onRetry,
+        className: stateClassName
+      }
+    );
+  };
+  const renderEmpty = () => {
+    if (emptyFallback) return emptyFallback;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      AsyncStateCard_default,
+      {
+        type: "empty",
+        title: emptyTitle,
+        message: emptyText,
+        className: stateClassName
+      }
+    );
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className, "aria-live": "polite", children: renderLoading() });
+  }
+  if (isError) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className, "aria-live": "polite", children: renderError() });
+  }
+  if (hasSuccess && isEmpty) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className, "aria-live": "polite", children: renderEmpty() });
+  }
+  if (!hasSuccess) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, children: [
+    showFetchingIndicator && isFetching && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3 flex items-center gap-2 text-sm text-eui-dark-500 dark:text-eui-light-400", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Spinner_default,
+        {
+          size: "xs",
+          type: "bars",
+          variant: "primary",
+          showLabel: false,
+          ariaLabel: fetchingText,
+          ...fetchingSpinnerProps
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: fetchingText })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(contentClassName), children })
   ] });
 }
-var AsyncComponentWrapper_default = AsyncComponentWrapper;
+var AsyncComponentWrapper_default = React2__default.default.memo(AsyncComponentWrapper);
 function Modal({
   title,
   show = false,