@mitumba/ui 0.1.1 → 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.mts CHANGED
@@ -1,6 +1,7 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import { ReactNode } from 'react';
3
3
  import { SxProps, Theme } from '@mui/material/styles';
4
+ import { AlertColor } from '@mui/material/Alert';
4
5
 
5
6
  type ButtonVariant = 'primary' | 'secondary' | 'earth' | 'success' | 'error' | 'outline' | 'ghost';
6
7
  type ButtonSize = 'small' | 'medium' | 'large';
@@ -225,6 +226,185 @@ interface MitumbaAvatarProps {
225
226
  */
226
227
  declare function MitumbaAvatar({ name, imageUrl, size, badge, status, actionIcon, notificationCount, notificationColor, subtitle, textAlignment, hasNewEvent, progress, selected, isStacked, isCTA, overflowCount, onClick, }: MitumbaAvatarProps): react_jsx_runtime.JSX.Element;
227
228
 
229
+ /**
230
+ * Props for the EmptyState component.
231
+ */
232
+ interface EmptyStateProps {
233
+ /** Icon, illustration, or custom SVG to display. */
234
+ illustration?: ReactNode;
235
+ /** Main title text. */
236
+ title: string;
237
+ /** Subtitle or description text. */
238
+ subtitle: string;
239
+ /** Optional action configuration ('No Dead Ends'). */
240
+ action?: {
241
+ /** Label for the action button. */
242
+ label: string;
243
+ /** Called when the action button is clicked. */
244
+ onClick: () => void;
245
+ /** Visual variant of the button. Defaults to 'primary'. */
246
+ variant?: 'primary' | 'earth' | 'outline';
247
+ };
248
+ /** Overall scale and container style. Defaults to 'standard'. */
249
+ variant?: 'standard' | 'compact' | 'elevated';
250
+ /** Whether to show a decorative background blob behind the illustration. Defaults to true. */
251
+ showBlob?: boolean;
252
+ /** Legacy icon support. Map to illustration if provided. */
253
+ icon?: ReactNode;
254
+ }
255
+
256
+ /**
257
+ * Premium "Personality-Led" Empty State primitive.
258
+ * Fulfills high-end illustrative standards with reigned-in, professional geometry.
259
+ */
260
+ declare function EmptyState({ illustration, icon, title, subtitle, action, variant, showBlob }: EmptyStateProps): react_jsx_runtime.JSX.Element;
261
+
262
+ type ErrorType = 'general' | '404' | '500' | 'network' | 'forbidden';
263
+ type ErrorVariant = 'standard' | 'elevated' | 'compact';
264
+ /**
265
+ * Props for the ErrorState component.
266
+ */
267
+ interface ErrorStateProps {
268
+ /** Main error heading. Defaults to "Something went wrong". */
269
+ title?: string;
270
+ /** Detailed error message. Defaults to "Please try again". */
271
+ subtitle?: string;
272
+ /** Error archetype for icon/color mapping. Defaults to "general". */
273
+ type?: ErrorType;
274
+ /** Visual container treatment. Defaults to "standard". */
275
+ variant?: ErrorVariant;
276
+ /** Called when the primary action (Retry) is clicked. */
277
+ onRetry?: () => void;
278
+ /** Label for the retry button. Defaults to "Try Again". */
279
+ retryLabel?: string;
280
+ /** Called when the secondary action (Go Back) is clicked. */
281
+ onBack?: () => void;
282
+ /** Custom illustration or icon. Overrides automatic type-based icon. */
283
+ illustration?: ReactNode;
284
+ /** Whether to show the decorative background blob. Defaults to true. */
285
+ showBlob?: boolean;
286
+ }
287
+
288
+ /**
289
+ * Premium "Personality-Led" Error State primitive.
290
+ * Engineered for urgent recovery and professional visual sanity.
291
+ * Reigned in from 'wild' geometries to a 'Very Serious' standard.
292
+ */
293
+ declare function ErrorState({ title, subtitle, type, variant, onRetry, retryLabel, onBack, illustration, showBlob, }: ErrorStateProps): react_jsx_runtime.JSX.Element;
294
+
295
+ /**
296
+ * Props for the MitumbaModal component.
297
+ */
298
+ interface MitumbaModalProps {
299
+ /** Whether the modal is open. */
300
+ open: boolean;
301
+ /** Called when the modal should close. */
302
+ onClose: () => void;
303
+ /** Modal title. */
304
+ title: string;
305
+ /** Modal content. */
306
+ children: ReactNode;
307
+ /** Optional footer actions. */
308
+ actions?: ReactNode;
309
+ /** Maximum width of the modal. */
310
+ maxWidth?: 'sm' | 'md';
311
+ }
312
+
313
+ /**
314
+ * Premium "High-Depth" Modal primitive.
315
+ * Fulfills professional standards with conservative, high-fidelity geometry.
316
+ * Reigned in from 'wild' large radii to a 'Very Serious' standard.
317
+ */
318
+ declare function MitumbaModal({ open, onClose, title, children, actions, maxWidth }: MitumbaModalProps): react_jsx_runtime.JSX.Element;
319
+
320
+ interface MitumbaSkeletonProps {
321
+ /** Width of the skeleton block. */
322
+ width?: string | number;
323
+ /** Height of the skeleton block. */
324
+ height?: string | number;
325
+ /** Override the default border radius. */
326
+ borderRadius?: number;
327
+ /** Visual variant. Defaults to 'rounded' (8px). */
328
+ variant?: 'rectangular' | 'rounded' | 'circular';
329
+ /** Optional style overrides. */
330
+ sx?: SxProps<Theme>;
331
+ }
332
+
333
+ /**
334
+ * Premium "Shimmer" Skeleton primitive.
335
+ * Fulfills high-end loading standards with smooth wave animations and precise geometry.
336
+ */
337
+ declare function MitumbaSkeleton({ width, height, borderRadius, variant }: MitumbaSkeletonProps): react_jsx_runtime.JSX.Element;
338
+
339
+ /**
340
+ * Props for the MitumbaToast component.
341
+ */
342
+ interface MitumbaToastProps {
343
+ /** Toast message content. */
344
+ message: string;
345
+ /** Severity level for styling. */
346
+ severity: AlertColor;
347
+ /** Whether the toast is visible. */
348
+ open: boolean;
349
+ /** Called when the toast should close. */
350
+ onClose: () => void;
351
+ /** Duration in milliseconds before auto-close. Default: 4000. */
352
+ duration?: number;
353
+ /** Optional action element (e.g., Undo button). */
354
+ action?: ReactNode;
355
+ /** Whether to show a circular progress ring around the status icon. */
356
+ showIconProgress?: boolean;
357
+ /** Whether to show a linear progress bar at the bottom. */
358
+ showLinearProgress?: boolean;
359
+ }
360
+
361
+ /**
362
+ * Premium "Living" Toast primitive with tactile feedback.
363
+ * Fulfills high-end benchmark standards with progress indicators and refined layouts.
364
+ */
365
+ declare function MitumbaToast({ message, severity, open, onClose, duration, action, showIconProgress, showLinearProgress }: MitumbaToastProps): react_jsx_runtime.JSX.Element;
366
+
367
+ /**
368
+ * Props for the OfflineBanner component.
369
+ */
370
+ interface OfflineBannerProps {
371
+ /** Called when the retry button is clicked. */
372
+ onRetry?: () => void;
373
+ /** Optional style overrides. */
374
+ sx?: SxProps<Theme>;
375
+ }
376
+
377
+ /**
378
+ * Premium Offline Status Banner.
379
+ * Inherits the high-fidelity 'Passive Alert' architecture.
380
+ * Automatically detects and responds to connection changes.
381
+ */
382
+ declare function OfflineBanner({ onRetry, sx }: OfflineBannerProps): react_jsx_runtime.JSX.Element | null;
383
+
384
+ type BannerSeverity = 'success' | 'error' | 'warning' | 'info' | 'neutral';
385
+ interface MitumbaBannerProps {
386
+ /** Primary heading of the banner. */
387
+ title: string;
388
+ /** Detailed description or message. */
389
+ children?: ReactNode;
390
+ /** Visual severity level. Defaults to 'info'. */
391
+ severity?: BannerSeverity;
392
+ /** Optional leading icon. Defaults to severity-aware icons. */
393
+ icon?: ReactNode;
394
+ /** Called when the close button is clicked. */
395
+ onClose?: () => void;
396
+ /** Action element (e.g. Button) to show on the right. */
397
+ action?: ReactNode;
398
+ /** Optional style overrides. */
399
+ sx?: SxProps<Theme>;
400
+ }
401
+
402
+ /**
403
+ * Premium "Passive Alert" Banner primitive.
404
+ * Engineered for high-fidelity notifications with systematic status colors and precision geometry.
405
+ */
406
+ declare function MitumbaBanner({ title, children, severity, icon: propIcon, onClose, action, sx, }: MitumbaBannerProps): react_jsx_runtime.JSX.Element;
407
+
228
408
  interface PageContainerProps {
229
409
  /** Content rendered inside the container. */
230
410
  children: ReactNode;
@@ -617,18 +797,23 @@ type EscrowStatus = 'FUNDED' | 'SHIPPED' | 'TIMEOUT_WARNING' | 'RELEASED' | 'REF
617
797
  interface EscrowStatusBannerProps {
618
798
  /** Current escrow status. */
619
799
  status: EscrowStatus;
800
+ /** Amount in KES currently in escrow. */
801
+ amountKes: number;
620
802
  /** Hours remaining for timeout warning. */
621
803
  hoursRemaining?: number;
622
804
  /** Called when the user confirms delivery. */
623
805
  onConfirmDelivery?: () => void;
624
806
  /** Called when the user raises a dispute. */
625
807
  onRaiseDispute?: () => void;
808
+ /** Optional style overrides. */
809
+ sx?: SxProps<Theme>;
626
810
  }
627
811
 
628
812
  /**
629
- * Banner displaying the current escrow/payment status with contextual actions.
813
+ * Premium Escrow Status Banner.
814
+ * Redefined using the high-fidelity 'Passive Alert' primitive for absolute benchmark consistency.
630
815
  */
631
- declare function EscrowStatusBanner({ status, hoursRemaining, onConfirmDelivery, onRaiseDispute, }: EscrowStatusBannerProps): react_jsx_runtime.JSX.Element;
816
+ declare function EscrowStatusBanner({ status, amountKes, hoursRemaining, sx }: EscrowStatusBannerProps): react_jsx_runtime.JSX.Element;
632
817
 
633
818
  interface VAZIOutfitItem {
634
819
  /** Unique identifier for the listing. */
@@ -731,4 +916,4 @@ declare module '@mui/material/Chip' {
731
916
  }
732
917
  declare const mitumbaTheme: Theme;
733
918
 
734
- export { CartItem, type CartItemProps, CompleteThisLookPanel, type CompleteThisLookPanelProps, ConditionBadge, type ConditionBadgeProps, DeliveryBadge, type DeliveryBadgeProps, type EscrowStatus, EscrowStatusBanner, type EscrowStatusBannerProps, ListingCard, type ListingCardProps, ListingCardSkeleton, ListingGrid, type ListingGridProps, ListingImageGallery, type ListingImageGalleryProps, MitumbaAvatar, type MitumbaAvatarProps, MitumbaBreadcrumb, type MitumbaBreadcrumbProps, MitumbaChip, type MitumbaChipProps, MitumbaDivider, MitumbaGrid, type MitumbaGridProps, MitumbaPrimaryButton, type MitumbaPrimaryButtonProps, MitumbaSelect, type MitumbaSelectProps, MitumbaTextField, type MitumbaTextFieldProps, MitumbaThemeProvider, type MitumbaThemeProviderProps, MobileBottomNav, type MobileBottomNavProps, type OrderEvent, type OrderStatus, OrderStatusTimeline, type OrderStatusTimelineProps, PageContainer, type PageContainerProps, PriceTag, type PriceTagProps, STIBreakdownPanel, type STIBreakdownPanelProps, STIScoreChip, type STIScoreChipProps, SectionHeader, type SectionHeaderProps, SellerCard, type SellerCardProps, TopNav, type TopNavProps, VAZIBadge, type VAZIBadgeProps, VAZIFeedSection, type VAZIFeedSectionProps, VAZIOutfitCard, type VAZIOutfitCardProps, VAZIOutfitCardSkeleton, type VAZIOutfitCardSkeletonProps, type VAZIOutfitItem, mitumbaTheme };
919
+ export { type BannerSeverity, CartItem, type CartItemProps, CompleteThisLookPanel, type CompleteThisLookPanelProps, ConditionBadge, type ConditionBadgeProps, DeliveryBadge, type DeliveryBadgeProps, EmptyState, ErrorState, type EscrowStatus, EscrowStatusBanner, type EscrowStatusBannerProps, ListingCard, type ListingCardProps, ListingCardSkeleton, ListingGrid, type ListingGridProps, ListingImageGallery, type ListingImageGalleryProps, MitumbaAvatar, type MitumbaAvatarProps, MitumbaBanner, type MitumbaBannerProps, MitumbaBreadcrumb, type MitumbaBreadcrumbProps, MitumbaChip, type MitumbaChipProps, MitumbaDivider, MitumbaGrid, type MitumbaGridProps, MitumbaModal, MitumbaPrimaryButton, type MitumbaPrimaryButtonProps, MitumbaSelect, type MitumbaSelectProps, MitumbaSkeleton, MitumbaTextField, type MitumbaTextFieldProps, MitumbaThemeProvider, type MitumbaThemeProviderProps, MitumbaToast, MobileBottomNav, type MobileBottomNavProps, OfflineBanner, type OrderEvent, type OrderStatus, OrderStatusTimeline, type OrderStatusTimelineProps, PageContainer, type PageContainerProps, PriceTag, type PriceTagProps, STIBreakdownPanel, type STIBreakdownPanelProps, STIScoreChip, type STIScoreChipProps, SectionHeader, type SectionHeaderProps, SellerCard, type SellerCardProps, TopNav, type TopNavProps, VAZIBadge, type VAZIBadgeProps, VAZIFeedSection, type VAZIFeedSectionProps, VAZIOutfitCard, type VAZIOutfitCardProps, VAZIOutfitCardSkeleton, type VAZIOutfitCardSkeletonProps, type VAZIOutfitItem, mitumbaTheme };
package/dist/index.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import { ReactNode } from 'react';
3
3
  import { SxProps, Theme } from '@mui/material/styles';
4
+ import { AlertColor } from '@mui/material/Alert';
4
5
 
5
6
  type ButtonVariant = 'primary' | 'secondary' | 'earth' | 'success' | 'error' | 'outline' | 'ghost';
6
7
  type ButtonSize = 'small' | 'medium' | 'large';
@@ -225,6 +226,185 @@ interface MitumbaAvatarProps {
225
226
  */
226
227
  declare function MitumbaAvatar({ name, imageUrl, size, badge, status, actionIcon, notificationCount, notificationColor, subtitle, textAlignment, hasNewEvent, progress, selected, isStacked, isCTA, overflowCount, onClick, }: MitumbaAvatarProps): react_jsx_runtime.JSX.Element;
227
228
 
229
+ /**
230
+ * Props for the EmptyState component.
231
+ */
232
+ interface EmptyStateProps {
233
+ /** Icon, illustration, or custom SVG to display. */
234
+ illustration?: ReactNode;
235
+ /** Main title text. */
236
+ title: string;
237
+ /** Subtitle or description text. */
238
+ subtitle: string;
239
+ /** Optional action configuration ('No Dead Ends'). */
240
+ action?: {
241
+ /** Label for the action button. */
242
+ label: string;
243
+ /** Called when the action button is clicked. */
244
+ onClick: () => void;
245
+ /** Visual variant of the button. Defaults to 'primary'. */
246
+ variant?: 'primary' | 'earth' | 'outline';
247
+ };
248
+ /** Overall scale and container style. Defaults to 'standard'. */
249
+ variant?: 'standard' | 'compact' | 'elevated';
250
+ /** Whether to show a decorative background blob behind the illustration. Defaults to true. */
251
+ showBlob?: boolean;
252
+ /** Legacy icon support. Map to illustration if provided. */
253
+ icon?: ReactNode;
254
+ }
255
+
256
+ /**
257
+ * Premium "Personality-Led" Empty State primitive.
258
+ * Fulfills high-end illustrative standards with reigned-in, professional geometry.
259
+ */
260
+ declare function EmptyState({ illustration, icon, title, subtitle, action, variant, showBlob }: EmptyStateProps): react_jsx_runtime.JSX.Element;
261
+
262
+ type ErrorType = 'general' | '404' | '500' | 'network' | 'forbidden';
263
+ type ErrorVariant = 'standard' | 'elevated' | 'compact';
264
+ /**
265
+ * Props for the ErrorState component.
266
+ */
267
+ interface ErrorStateProps {
268
+ /** Main error heading. Defaults to "Something went wrong". */
269
+ title?: string;
270
+ /** Detailed error message. Defaults to "Please try again". */
271
+ subtitle?: string;
272
+ /** Error archetype for icon/color mapping. Defaults to "general". */
273
+ type?: ErrorType;
274
+ /** Visual container treatment. Defaults to "standard". */
275
+ variant?: ErrorVariant;
276
+ /** Called when the primary action (Retry) is clicked. */
277
+ onRetry?: () => void;
278
+ /** Label for the retry button. Defaults to "Try Again". */
279
+ retryLabel?: string;
280
+ /** Called when the secondary action (Go Back) is clicked. */
281
+ onBack?: () => void;
282
+ /** Custom illustration or icon. Overrides automatic type-based icon. */
283
+ illustration?: ReactNode;
284
+ /** Whether to show the decorative background blob. Defaults to true. */
285
+ showBlob?: boolean;
286
+ }
287
+
288
+ /**
289
+ * Premium "Personality-Led" Error State primitive.
290
+ * Engineered for urgent recovery and professional visual sanity.
291
+ * Reigned in from 'wild' geometries to a 'Very Serious' standard.
292
+ */
293
+ declare function ErrorState({ title, subtitle, type, variant, onRetry, retryLabel, onBack, illustration, showBlob, }: ErrorStateProps): react_jsx_runtime.JSX.Element;
294
+
295
+ /**
296
+ * Props for the MitumbaModal component.
297
+ */
298
+ interface MitumbaModalProps {
299
+ /** Whether the modal is open. */
300
+ open: boolean;
301
+ /** Called when the modal should close. */
302
+ onClose: () => void;
303
+ /** Modal title. */
304
+ title: string;
305
+ /** Modal content. */
306
+ children: ReactNode;
307
+ /** Optional footer actions. */
308
+ actions?: ReactNode;
309
+ /** Maximum width of the modal. */
310
+ maxWidth?: 'sm' | 'md';
311
+ }
312
+
313
+ /**
314
+ * Premium "High-Depth" Modal primitive.
315
+ * Fulfills professional standards with conservative, high-fidelity geometry.
316
+ * Reigned in from 'wild' large radii to a 'Very Serious' standard.
317
+ */
318
+ declare function MitumbaModal({ open, onClose, title, children, actions, maxWidth }: MitumbaModalProps): react_jsx_runtime.JSX.Element;
319
+
320
+ interface MitumbaSkeletonProps {
321
+ /** Width of the skeleton block. */
322
+ width?: string | number;
323
+ /** Height of the skeleton block. */
324
+ height?: string | number;
325
+ /** Override the default border radius. */
326
+ borderRadius?: number;
327
+ /** Visual variant. Defaults to 'rounded' (8px). */
328
+ variant?: 'rectangular' | 'rounded' | 'circular';
329
+ /** Optional style overrides. */
330
+ sx?: SxProps<Theme>;
331
+ }
332
+
333
+ /**
334
+ * Premium "Shimmer" Skeleton primitive.
335
+ * Fulfills high-end loading standards with smooth wave animations and precise geometry.
336
+ */
337
+ declare function MitumbaSkeleton({ width, height, borderRadius, variant }: MitumbaSkeletonProps): react_jsx_runtime.JSX.Element;
338
+
339
+ /**
340
+ * Props for the MitumbaToast component.
341
+ */
342
+ interface MitumbaToastProps {
343
+ /** Toast message content. */
344
+ message: string;
345
+ /** Severity level for styling. */
346
+ severity: AlertColor;
347
+ /** Whether the toast is visible. */
348
+ open: boolean;
349
+ /** Called when the toast should close. */
350
+ onClose: () => void;
351
+ /** Duration in milliseconds before auto-close. Default: 4000. */
352
+ duration?: number;
353
+ /** Optional action element (e.g., Undo button). */
354
+ action?: ReactNode;
355
+ /** Whether to show a circular progress ring around the status icon. */
356
+ showIconProgress?: boolean;
357
+ /** Whether to show a linear progress bar at the bottom. */
358
+ showLinearProgress?: boolean;
359
+ }
360
+
361
+ /**
362
+ * Premium "Living" Toast primitive with tactile feedback.
363
+ * Fulfills high-end benchmark standards with progress indicators and refined layouts.
364
+ */
365
+ declare function MitumbaToast({ message, severity, open, onClose, duration, action, showIconProgress, showLinearProgress }: MitumbaToastProps): react_jsx_runtime.JSX.Element;
366
+
367
+ /**
368
+ * Props for the OfflineBanner component.
369
+ */
370
+ interface OfflineBannerProps {
371
+ /** Called when the retry button is clicked. */
372
+ onRetry?: () => void;
373
+ /** Optional style overrides. */
374
+ sx?: SxProps<Theme>;
375
+ }
376
+
377
+ /**
378
+ * Premium Offline Status Banner.
379
+ * Inherits the high-fidelity 'Passive Alert' architecture.
380
+ * Automatically detects and responds to connection changes.
381
+ */
382
+ declare function OfflineBanner({ onRetry, sx }: OfflineBannerProps): react_jsx_runtime.JSX.Element | null;
383
+
384
+ type BannerSeverity = 'success' | 'error' | 'warning' | 'info' | 'neutral';
385
+ interface MitumbaBannerProps {
386
+ /** Primary heading of the banner. */
387
+ title: string;
388
+ /** Detailed description or message. */
389
+ children?: ReactNode;
390
+ /** Visual severity level. Defaults to 'info'. */
391
+ severity?: BannerSeverity;
392
+ /** Optional leading icon. Defaults to severity-aware icons. */
393
+ icon?: ReactNode;
394
+ /** Called when the close button is clicked. */
395
+ onClose?: () => void;
396
+ /** Action element (e.g. Button) to show on the right. */
397
+ action?: ReactNode;
398
+ /** Optional style overrides. */
399
+ sx?: SxProps<Theme>;
400
+ }
401
+
402
+ /**
403
+ * Premium "Passive Alert" Banner primitive.
404
+ * Engineered for high-fidelity notifications with systematic status colors and precision geometry.
405
+ */
406
+ declare function MitumbaBanner({ title, children, severity, icon: propIcon, onClose, action, sx, }: MitumbaBannerProps): react_jsx_runtime.JSX.Element;
407
+
228
408
  interface PageContainerProps {
229
409
  /** Content rendered inside the container. */
230
410
  children: ReactNode;
@@ -617,18 +797,23 @@ type EscrowStatus = 'FUNDED' | 'SHIPPED' | 'TIMEOUT_WARNING' | 'RELEASED' | 'REF
617
797
  interface EscrowStatusBannerProps {
618
798
  /** Current escrow status. */
619
799
  status: EscrowStatus;
800
+ /** Amount in KES currently in escrow. */
801
+ amountKes: number;
620
802
  /** Hours remaining for timeout warning. */
621
803
  hoursRemaining?: number;
622
804
  /** Called when the user confirms delivery. */
623
805
  onConfirmDelivery?: () => void;
624
806
  /** Called when the user raises a dispute. */
625
807
  onRaiseDispute?: () => void;
808
+ /** Optional style overrides. */
809
+ sx?: SxProps<Theme>;
626
810
  }
627
811
 
628
812
  /**
629
- * Banner displaying the current escrow/payment status with contextual actions.
813
+ * Premium Escrow Status Banner.
814
+ * Redefined using the high-fidelity 'Passive Alert' primitive for absolute benchmark consistency.
630
815
  */
631
- declare function EscrowStatusBanner({ status, hoursRemaining, onConfirmDelivery, onRaiseDispute, }: EscrowStatusBannerProps): react_jsx_runtime.JSX.Element;
816
+ declare function EscrowStatusBanner({ status, amountKes, hoursRemaining, sx }: EscrowStatusBannerProps): react_jsx_runtime.JSX.Element;
632
817
 
633
818
  interface VAZIOutfitItem {
634
819
  /** Unique identifier for the listing. */
@@ -731,4 +916,4 @@ declare module '@mui/material/Chip' {
731
916
  }
732
917
  declare const mitumbaTheme: Theme;
733
918
 
734
- export { CartItem, type CartItemProps, CompleteThisLookPanel, type CompleteThisLookPanelProps, ConditionBadge, type ConditionBadgeProps, DeliveryBadge, type DeliveryBadgeProps, type EscrowStatus, EscrowStatusBanner, type EscrowStatusBannerProps, ListingCard, type ListingCardProps, ListingCardSkeleton, ListingGrid, type ListingGridProps, ListingImageGallery, type ListingImageGalleryProps, MitumbaAvatar, type MitumbaAvatarProps, MitumbaBreadcrumb, type MitumbaBreadcrumbProps, MitumbaChip, type MitumbaChipProps, MitumbaDivider, MitumbaGrid, type MitumbaGridProps, MitumbaPrimaryButton, type MitumbaPrimaryButtonProps, MitumbaSelect, type MitumbaSelectProps, MitumbaTextField, type MitumbaTextFieldProps, MitumbaThemeProvider, type MitumbaThemeProviderProps, MobileBottomNav, type MobileBottomNavProps, type OrderEvent, type OrderStatus, OrderStatusTimeline, type OrderStatusTimelineProps, PageContainer, type PageContainerProps, PriceTag, type PriceTagProps, STIBreakdownPanel, type STIBreakdownPanelProps, STIScoreChip, type STIScoreChipProps, SectionHeader, type SectionHeaderProps, SellerCard, type SellerCardProps, TopNav, type TopNavProps, VAZIBadge, type VAZIBadgeProps, VAZIFeedSection, type VAZIFeedSectionProps, VAZIOutfitCard, type VAZIOutfitCardProps, VAZIOutfitCardSkeleton, type VAZIOutfitCardSkeletonProps, type VAZIOutfitItem, mitumbaTheme };
919
+ export { type BannerSeverity, CartItem, type CartItemProps, CompleteThisLookPanel, type CompleteThisLookPanelProps, ConditionBadge, type ConditionBadgeProps, DeliveryBadge, type DeliveryBadgeProps, EmptyState, ErrorState, type EscrowStatus, EscrowStatusBanner, type EscrowStatusBannerProps, ListingCard, type ListingCardProps, ListingCardSkeleton, ListingGrid, type ListingGridProps, ListingImageGallery, type ListingImageGalleryProps, MitumbaAvatar, type MitumbaAvatarProps, MitumbaBanner, type MitumbaBannerProps, MitumbaBreadcrumb, type MitumbaBreadcrumbProps, MitumbaChip, type MitumbaChipProps, MitumbaDivider, MitumbaGrid, type MitumbaGridProps, MitumbaModal, MitumbaPrimaryButton, type MitumbaPrimaryButtonProps, MitumbaSelect, type MitumbaSelectProps, MitumbaSkeleton, MitumbaTextField, type MitumbaTextFieldProps, MitumbaThemeProvider, type MitumbaThemeProviderProps, MitumbaToast, MobileBottomNav, type MobileBottomNavProps, OfflineBanner, type OrderEvent, type OrderStatus, OrderStatusTimeline, type OrderStatusTimelineProps, PageContainer, type PageContainerProps, PriceTag, type PriceTagProps, STIBreakdownPanel, type STIBreakdownPanelProps, STIScoreChip, type STIScoreChipProps, SectionHeader, type SectionHeaderProps, SellerCard, type SellerCardProps, TopNav, type TopNavProps, VAZIBadge, type VAZIBadgeProps, VAZIFeedSection, type VAZIFeedSectionProps, VAZIOutfitCard, type VAZIOutfitCardProps, VAZIOutfitCardSkeleton, type VAZIOutfitCardSkeletonProps, type VAZIOutfitItem, mitumbaTheme };