@tree-ia/design-system 2.2.1 → 2.3.0

package/dist/index.d.mts

@@ -1,5 +1,7 @@
-import React, { ReactNode } from "react";
+import * as react from "react";
+import React, { ReactNode, Ref, SVGProps } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as lucide_react0 from "lucide-react";
 import { ColumnDef, ColumnFiltersState, PaginationState, Row, RowSelectionState, SortingState, createColumnHelper } from "@tanstack/react-table";
 
 //#region src/components/Button/index.d.ts
@@ -521,6 +523,8 @@ interface HeaderProps {
   logoutLabel?: string;
   /** Label do botao de menu mobile */
   menuLabel?: string;
+  /** Abre dropdowns de navegacao no hover em layouts desktop. Default: true */
+  openDropdownOnHover?: boolean;
   /** Offset lateral no desktop quando existe sidebar fixa */
   desktopOffsetLeft?: number | string;
   className?: string;
@@ -539,6 +543,7 @@ declare function Header({
   onLogout,
   logoutLabel,
   menuLabel,
+  openDropdownOnHover,
   desktopOffsetLeft,
   className
 }: HeaderProps): react_jsx_runtime0.JSX.Element;
@@ -585,6 +590,8 @@ declare function KPICard({
 //#endregion
 //#region src/components/PageLayout/index.d.ts
 interface PageLayoutProps {
+  /** Texto curto acima do titulo principal */
+  eyebrow?: string;
   /** Titulo principal da pagina */
   title: string;
   /** Descricao opcional da pagina (aparece abaixo do titulo) */
@@ -597,6 +604,10 @@ interface PageLayoutProps {
   children: ReactNode;
   /** Se true, aplica padding no conteudo. Default: true */
   contentPadding?: boolean;
+  /** Classes extras aplicadas no wrapper do conteudo */
+  contentClassName?: string;
+  /** Faz o conteudo ocupar a altura util da viewport, com scroll interno no filho */
+  contentFillViewport?: boolean;
   /** Componente de sidebar a ser renderizado */
   sidebar?: ReactNode;
   /** Se a sidebar esta recolhida */
@@ -608,12 +619,15 @@ interface PageLayoutProps {
   className?: string;
 }
 declare function PageLayout({
+  eyebrow,
   title,
   description,
   headerActions,
   appHeader,
   children,
   contentPadding,
+  contentClassName,
+  contentFillViewport,
   sidebar,
   sidebarCollapsed,
   sidebarWidth,
@@ -1518,6 +1532,109 @@ declare function StatusBadge({
   className
 }: StatusBadgeProps): react_jsx_runtime0.JSX.Element;
 //#endregion
+//#region src/components/IPhoneMockup/index.d.ts
+type ColorValue = React.CSSProperties["color"];
+interface IPhoneMockupProps {
+  screenWidth: number;
+  screenType?: "legacy" | "notch" | "island";
+  isLandscape?: boolean;
+  className?: string;
+  containerStyle?: React.CSSProperties;
+  containerStlye?: React.CSSProperties;
+  frameColor?: ColorValue;
+  frameOnly?: boolean;
+  statusbarColor?: ColorValue;
+  hideStatusBar?: boolean;
+  transparentNavBar?: boolean;
+  hideNavBar?: boolean;
+  children?: React.ReactNode;
+}
+declare function IPhoneMockup({
+  screenWidth,
+  screenType,
+  isLandscape,
+  frameColor,
+  frameOnly,
+  statusbarColor,
+  hideStatusBar,
+  transparentNavBar,
+  hideNavBar,
+  className,
+  containerStyle,
+  containerStlye,
+  children
+}: IPhoneMockupProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/WhatsAppMockup/index.d.ts
+type WhatsAppProfileType = "business" | "personal";
+type WhatsAppMessageDirection = "incoming" | "outgoing";
+type WhatsAppMessageType = "text" | "audio" | "custom";
+interface WhatsAppMockupMessage {
+  id?: string;
+  direction?: WhatsAppMessageDirection;
+  type?: WhatsAppMessageType;
+  text?: string;
+  time: string;
+  read?: boolean;
+  duration?: string;
+  waveform?: readonly number[];
+  hideMeta?: boolean;
+  children?: React.ReactNode;
+  className?: string;
+  contentClassName?: string;
+}
+interface WhatsAppMockupProps extends Pick<IPhoneMockupProps, "frameColor" | "statusbarColor" | "containerStyle" | "frameOnly" | "hideStatusBar"> {
+  screenWidth?: IPhoneMockupProps["screenWidth"];
+  contactName: string;
+  profilePhoto?: string;
+  profilePhotoAlt?: string;
+  profileAvatar?: React.ReactNode;
+  profileType?: WhatsAppProfileType;
+  contactSubtitle?: string | null;
+  messages?: readonly WhatsAppMockupMessage[];
+  statusTime?: string;
+  dateLabel?: string | false;
+  encryptionNotice?: string | false;
+  composerPlaceholder?: string;
+  composer?: React.ReactNode;
+  showComposer?: boolean;
+  showHeaderActions?: boolean;
+  showWallpaper?: boolean;
+  className?: string;
+  phoneClassName?: string;
+  screenClassName?: string;
+  messagesClassName?: string;
+  "aria-label"?: string;
+}
+declare function WhatsAppMockup({
+  contactName,
+  profilePhoto,
+  profilePhotoAlt,
+  profileAvatar,
+  profileType,
+  contactSubtitle,
+  messages,
+  statusTime,
+  dateLabel,
+  encryptionNotice,
+  composerPlaceholder,
+  composer,
+  showComposer,
+  showHeaderActions,
+  showWallpaper,
+  screenWidth,
+  frameColor,
+  statusbarColor,
+  containerStyle,
+  frameOnly,
+  hideStatusBar,
+  className,
+  phoneClassName,
+  screenClassName,
+  messagesClassName,
+  "aria-label": ariaLabel
+}: WhatsAppMockupProps): react_jsx_runtime0.JSX.Element;
+//#endregion
 //#region src/components/TableOfContents/index.d.ts
 interface TocItem {
   /** Hash URL — must start with '#'. The id (after the hash) must match an element id in the DOM. */
@@ -1584,6 +1701,453 @@ declare function TableOfContents({
   onActiveChange
 }: TableOfContentsProps): React.JSX.Element;
 //#endregion
+//#region src/components/SocialIcon/index.d.ts
+declare const socialIconNames: readonly ["whatsapp", "instagram", "linkedin", "github", "youtube"];
+type SocialIconName = (typeof socialIconNames)[number];
+interface SocialIconDefinition {
+  viewBox: string;
+  path: string;
+}
+declare const socialIconPaths: Record<SocialIconName, SocialIconDefinition>;
+interface SocialIconProps extends Omit<SVGProps<SVGSVGElement>, "children" | "name"> {
+  /** Social network glyph to render. */
+  name: SocialIconName;
+  /** Width and height in pixels. Default: 24. */
+  size?: number | string;
+  /** Accessible label. When omitted, the SVG is hidden from assistive tech. */
+  title?: string;
+}
+declare function SocialIcon({
+  name,
+  size,
+  title,
+  fill,
+  ...props
+}: SocialIconProps): react_jsx_runtime0.JSX.Element;
+type SocialIconShortcutProps = Omit<SocialIconProps, "name">;
+declare function WhatsappIcon(props: SocialIconShortcutProps): react_jsx_runtime0.JSX.Element;
+declare function InstagramIcon(props: SocialIconShortcutProps): react_jsx_runtime0.JSX.Element;
+declare function LinkedinIcon(props: SocialIconShortcutProps): react_jsx_runtime0.JSX.Element;
+declare function GithubIcon(props: SocialIconShortcutProps): react_jsx_runtime0.JSX.Element;
+declare function YoutubeIcon(props: SocialIconShortcutProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ConversationPanel/types.d.ts
+type ConversationSupportStatus = "none" | "requested" | "active";
+type ConversationMessageDirection = "inbound" | "outbound" | "system";
+type ConversationPreviewVariant = "list" | "card" | "compact";
+type ConversationMessageKind = "text" | "image" | "audio" | "video" | "file" | "interactive" | "event" | "loading-media";
+interface ConversationParticipant {
+  id: string;
+  name: string;
+  subtitle?: string;
+  phone?: string | null;
+  email?: string | null;
+  avatarUrl?: string | null;
+  initials?: string;
+}
+interface ConversationListItemData {
+  id: string;
+  participant: ConversationParticipant;
+  lastMessage?: string | null;
+  lastMessageAt?: string | Date | null;
+  lastMessageLabel?: string;
+  messageCount?: number;
+  unreadCount?: number;
+  supportStatus?: ConversationSupportStatus;
+  supportLabel?: string;
+  selected?: boolean;
+  disabled?: boolean;
+  meta?: ReactNode;
+}
+interface ConversationStats {
+  total?: number;
+  inbound?: number;
+  outbound?: number;
+}
+interface ConversationMessageMedia {
+  url?: string;
+  fileName?: string;
+  mimeType?: string;
+  alt?: string;
+}
+interface ConversationMessageData {
+  id: string;
+  direction: ConversationMessageDirection;
+  kind?: ConversationMessageKind;
+  authorLabel?: string;
+  content?: ReactNode;
+  createdAt?: string | Date | null;
+  timestampLabel?: string;
+  media?: ConversationMessageMedia;
+  interactiveLabel?: string;
+  interactiveTitle?: string;
+  eventLabel?: string;
+  eventDescription?: string;
+  pendingLabel?: string;
+}
+interface ConversationAvatarProps {
+  participant: ConversationParticipant;
+  size?: "sm" | "md" | "lg";
+  className?: string;
+}
+interface ConversationSupportBadgeProps {
+  status?: ConversationSupportStatus;
+  label?: string;
+  className?: string;
+}
+interface ConversationSearchProps {
+  value?: string;
+  placeholder?: string;
+  onChange?: (value: string) => void;
+  onClear?: () => void;
+  className?: string;
+}
+interface ConversationListItemProps {
+  item: ConversationListItemData;
+  selected?: boolean;
+  onSelect?: (item: ConversationListItemData) => void;
+  formatDate?: (value: string | Date) => string;
+  className?: string;
+}
+interface ConversationPreviewCardProps extends ConversationListItemProps {
+  variant?: ConversationPreviewVariant;
+  showContact?: boolean;
+  showMeta?: boolean;
+  showSupportBadge?: boolean;
+  showUnreadBadge?: boolean;
+  contentClassName?: string;
+}
+interface ConversationListProps {
+  items: ConversationListItemData[];
+  selectedId?: string | null;
+  searchValue?: string;
+  searchPlaceholder?: string;
+  onSearchChange?: (value: string) => void;
+  onClearSearch?: () => void;
+  onSelect?: (item: ConversationListItemData) => void;
+  loading?: boolean;
+  emptyTitle?: string;
+  emptyDescription?: string;
+  formatDate?: (value: string | Date) => string;
+  className?: string;
+}
+interface ConversationSupportActionsProps {
+  status?: ConversationSupportStatus;
+  stats?: ConversationStats;
+  reason?: ReactNode;
+  startLabel?: ReactNode;
+  endLabel?: ReactNode;
+  endSilentLabel?: ReactNode;
+  onStart?: () => void;
+  onEnd?: () => void;
+  onEndSilent?: () => void;
+  startDisabled?: boolean;
+  endDisabled?: boolean;
+  endSilentDisabled?: boolean;
+  activeActions?: ReactNode;
+  inactiveActions?: ReactNode;
+  className?: string;
+}
+interface ConversationThreadHeaderProps {
+  participant: ConversationParticipant;
+  stats?: ConversationStats;
+  subtitle?: string;
+  supportStatus?: ConversationSupportStatus;
+  supportLabel?: string;
+  onBack?: () => void;
+  onSettingsClick?: () => void;
+  actions?: ReactNode;
+  className?: string;
+}
+interface ConversationEventSeparatorProps {
+  label?: ReactNode;
+  description?: ReactNode;
+  className?: string;
+}
+interface ConversationMediaPreviewProps {
+  message: ConversationMessageData;
+  onMediaOpen?: (message: ConversationMessageData) => void;
+  className?: string;
+}
+interface ConversationMessageBubbleProps {
+  message: ConversationMessageData;
+  onMediaOpen?: (message: ConversationMessageData) => void;
+  formatTime?: (value: string | Date) => string;
+  className?: string;
+}
+interface ConversationUnreadMarkerProps {
+  label?: string;
+  className?: string;
+}
+interface ConversationComposerProps {
+  value?: string;
+  onChange?: (value: string) => void;
+  onSend?: () => void;
+  onAttachClick?: () => void;
+  onFileSelect?: (file: File) => void | Promise<void>;
+  acceptedFileTypes?: string;
+  placeholder?: string;
+  disabled?: boolean;
+  sending?: boolean;
+  uploading?: boolean;
+  status?: "active" | "ai" | "expired" | "disabled";
+  inactiveLabel?: string;
+  expiredLabel?: string;
+  attachLabel?: string;
+  sendLabel?: string;
+  className?: string;
+}
+interface ConversationThreadProps {
+  participant?: ConversationParticipant | null;
+  messages?: ConversationMessageData[];
+  stats?: ConversationStats;
+  loading?: boolean;
+  loadingLabel?: string;
+  emptyTitle?: string;
+  emptyDescription?: string;
+  unreadMessageId?: string | null;
+  unreadLabel?: string;
+  headerActions?: ReactNode;
+  composer?: ReactNode;
+  supportStatus?: ConversationSupportStatus;
+  supportLabel?: string;
+  onBack?: () => void;
+  onSettingsClick?: () => void;
+  onMediaOpen?: (message: ConversationMessageData) => void;
+  formatTime?: (value: string | Date) => string;
+  messagesContainerRef?: Ref<HTMLDivElement>;
+  className?: string;
+}
+interface ConversationPanelProps {
+  title?: string;
+  subtitle?: string;
+  /** Oculta a faixa superior interna quando o layout ja possui titulo fora do painel. */
+  hideHeader?: boolean;
+  connected?: boolean;
+  conversations: ConversationListItemData[];
+  selectedId?: string | null;
+  selectedParticipant?: ConversationParticipant | null;
+  messages?: ConversationMessageData[];
+  stats?: ConversationStats;
+  searchValue?: string;
+  onSearchChange?: (value: string) => void;
+  onClearSearch?: () => void;
+  onSelectConversation?: (item: ConversationListItemData) => void;
+  listLoading?: boolean;
+  threadLoading?: boolean;
+  threadActions?: ReactNode;
+  composer?: ReactNode;
+  supportStatus?: ConversationSupportStatus;
+  supportLabel?: string;
+  unreadMessageId?: string | null;
+  unreadLabel?: string;
+  onBack?: () => void;
+  onSettingsClick?: () => void;
+  onMediaOpen?: (message: ConversationMessageData) => void;
+  formatListDate?: (value: string | Date) => string;
+  formatMessageTime?: (value: string | Date) => string;
+  className?: string;
+}
+type ConversationLayoutProps = ConversationPanelProps;
+//#endregion
+//#region src/components/ConversationPanel/ConversationAvatar.d.ts
+declare function ConversationAvatar({
+  participant,
+  size,
+  className
+}: ConversationAvatarProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ConversationPanel/ConversationComposer.d.ts
+declare function ConversationComposer({
+  value,
+  onChange,
+  onSend,
+  onAttachClick,
+  onFileSelect,
+  acceptedFileTypes,
+  placeholder,
+  disabled,
+  sending,
+  uploading,
+  status,
+  inactiveLabel,
+  expiredLabel,
+  attachLabel,
+  sendLabel,
+  className
+}: ConversationComposerProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ConversationPanel/ConversationEventSeparator.d.ts
+declare function ConversationEventSeparator({
+  label,
+  description,
+  className
+}: ConversationEventSeparatorProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ConversationPanel/ConversationLayout.d.ts
+declare function ConversationLayout({
+  title,
+  subtitle,
+  hideHeader,
+  connected,
+  conversations,
+  selectedId,
+  selectedParticipant,
+  messages,
+  stats,
+  searchValue,
+  onSearchChange,
+  onClearSearch,
+  onSelectConversation,
+  listLoading,
+  threadLoading,
+  threadActions,
+  composer,
+  supportStatus,
+  supportLabel,
+  unreadMessageId,
+  unreadLabel,
+  onBack,
+  onSettingsClick,
+  onMediaOpen,
+  formatListDate,
+  formatMessageTime,
+  className
+}: ConversationLayoutProps): react_jsx_runtime0.JSX.Element;
+declare function ConversationPanel(props: ConversationPanelProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ConversationPanel/ConversationList.d.ts
+declare function ConversationList({
+  items,
+  selectedId,
+  searchValue,
+  searchPlaceholder,
+  onSearchChange,
+  onClearSearch,
+  onSelect,
+  loading,
+  emptyTitle,
+  emptyDescription,
+  formatDate,
+  className
+}: ConversationListProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ConversationPanel/ConversationPreviewCard.d.ts
+declare function ConversationPreviewCard({
+  item,
+  selected,
+  onSelect,
+  formatDate,
+  variant,
+  showContact,
+  showMeta,
+  showSupportBadge,
+  showUnreadBadge,
+  contentClassName,
+  className
+}: ConversationPreviewCardProps): react_jsx_runtime0.JSX.Element;
+declare function ConversationListItem(props: ConversationListItemProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ConversationPanel/ConversationMediaPreview.d.ts
+declare function ConversationMediaPreview({
+  message,
+  onMediaOpen,
+  className
+}: ConversationMediaPreviewProps): react_jsx_runtime0.JSX.Element | null;
+//#endregion
+//#region src/components/ConversationPanel/ConversationMessageBubble.d.ts
+declare function ConversationMessageBubble({
+  message,
+  onMediaOpen,
+  formatTime,
+  className
+}: ConversationMessageBubbleProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ConversationPanel/ConversationSearch.d.ts
+declare function ConversationSearch({
+  value,
+  placeholder,
+  onChange,
+  onClear,
+  className
+}: ConversationSearchProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ConversationPanel/ConversationSupportActions.d.ts
+declare function ConversationSupportActions({
+  status,
+  stats,
+  reason,
+  startLabel,
+  endLabel,
+  endSilentLabel,
+  onStart,
+  onEnd,
+  onEndSilent,
+  startDisabled,
+  endDisabled,
+  endSilentDisabled,
+  activeActions,
+  inactiveActions,
+  className
+}: ConversationSupportActionsProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ConversationPanel/ConversationSupportBadge.d.ts
+declare function ConversationSupportBadge({
+  status,
+  label,
+  className
+}: ConversationSupportBadgeProps): react_jsx_runtime0.JSX.Element | null;
+//#endregion
+//#region src/components/ConversationPanel/ConversationThread.d.ts
+declare function ConversationThread({
+  participant,
+  messages,
+  stats,
+  loading,
+  loadingLabel,
+  emptyTitle,
+  emptyDescription,
+  unreadMessageId,
+  unreadLabel,
+  headerActions,
+  composer,
+  supportStatus,
+  supportLabel,
+  onBack,
+  onSettingsClick,
+  onMediaOpen,
+  formatTime,
+  messagesContainerRef,
+  className
+}: ConversationThreadProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ConversationPanel/ConversationThreadHeader.d.ts
+declare function ConversationThreadHeader({
+  participant,
+  stats,
+  subtitle,
+  supportStatus,
+  supportLabel,
+  onBack,
+  onSettingsClick,
+  actions,
+  className
+}: ConversationThreadHeaderProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ConversationPanel/ConversationUnreadMarker.d.ts
+declare function ConversationUnreadMarker({
+  label,
+  className
+}: ConversationUnreadMarkerProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ConversationPanel/index.d.ts
+declare const conversationMessageIcons: {
+  image: react.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  audio: react.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  video: react.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+  file: react.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
+};
+//#endregion
 //#region src/config/types.d.ts
 interface ThemeColors {
   primary: string;
@@ -1735,5 +2299,5 @@ declare const badgeSizes: Record<ComponentSize, BadgeSizeToken>;
 type ModalSize = "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
 declare const modalSizes: Record<ModalSize, string>;
 //#endregion
-export { Alert, type AlertProps, type AuthBackground, type AuthBranding, type AuthCardStyle, type AuthCheckbox, type AuthField, type AuthHeadline, AuthLayout, type AuthLayoutProps, type AuthLink, type BadgeSizeToken, BadgeStatus, type BadgeStatusProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, Callout, type CalloutProps, Card, type CardProps, Checkbox, type CheckboxProps, CodeBlock, type CodeBlockProps, CodeInput, type CodeInputProps, Combobox, type ComboboxOption, type ComboboxProps, ComparisonLineChart, type ComparisonLineChartProps, type ComponentSize, type ComponentsConfig, type DashboardConfig, DashboardProvider, DataGrid, type ColumnDef as DataGridColumn, type DataGridProps, DatePicker, type DatePickerProps, type DateRange, DateRangePicker, type DateRangePickerProps, DoughnutChart, type DoughnutChartItem, type DoughnutChartProps, Dropdown, type DropdownOption, type DropdownProps, EmptyState, type EmptyStateProps, FileUpload, type FileUploadProps, FilterBar, type FilterBarProps, FormField, type FormFieldProps, Header, type HeaderEstablishment, type HeaderMenuChild, type HeaderMenuGroup, type HeaderMenuItem, type HeaderProps, type HeaderUser, HorizontalBarChart, type HorizontalBarChartProps, type HorizontalBarChartTab, InfoTooltip, type InfoTooltipProps, Input, type InputProps, KPICard, type KPICardProps, type KPIValueFormat, Loading, type LoadingContextType, type LoadingProps, LoadingProvider, MetricPanel, type MetricPanelChartData, type MetricPanelMetric, type MetricPanelProps, type MetricPanelTooltipConfig, Modal, type ModalProps, type ModalSize, type Notification, type NotificationsContextType, NotificationsProvider, PageLayout, type PageLayoutProps, Pagination, type PaginationProps, ProgressBarList, type ProgressBarListItem, type ProgressBarListProps, Sidebar, type SidebarMenuItem, type SidebarProps, type SidebarUser, type SizeToken, Skeleton, type SkeletonProps, StatusBadge, type StatusBadgeProps, type Step, Stepper, type StepperProps, TOCProvider, type TOCProviderProps, type Tab, Table, TableBody, type TableColumn, TableEmpty, TableHeader, TableOfContents, type TableOfContentsProps, type TableProps, TableSkeleton, Tabs, type TabsProps, type Theme, type ThemeColors, type ThemeContextType, ThemeProvider, ThemeSwitcher, type ThemeSwitcherProps, Title, type TitleProps, Toast, type ToastProps, type TocItem, ToggleSwitch, type ToggleSwitchProps, Tooltip, type TooltipProps, type TreeNode, TreeView, type TreeViewProps, type UploadedFile, VerticalBarChart, type VerticalBarChartProps, badgeSizes, componentSizes, createColumnHelper, createConfig, defaultConfig, modalSizes, useActiveAnchor, useActiveAnchors, useConfig, useLoading, useNotifications, useTOCItems, useTheme };
+export { Alert, type AlertProps, type AuthBackground, type AuthBranding, type AuthCardStyle, type AuthCheckbox, type AuthField, type AuthHeadline, AuthLayout, type AuthLayoutProps, type AuthLink, type BadgeSizeToken, BadgeStatus, type BadgeStatusProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, Callout, type CalloutProps, Card, type CardProps, Checkbox, type CheckboxProps, CodeBlock, type CodeBlockProps, CodeInput, type CodeInputProps, Combobox, type ComboboxOption, type ComboboxProps, ComparisonLineChart, type ComparisonLineChartProps, type ComponentSize, type ComponentsConfig, ConversationAvatar, type ConversationAvatarProps, ConversationComposer, type ConversationComposerProps, ConversationEventSeparator, type ConversationEventSeparatorProps, ConversationLayout, type ConversationLayoutProps, ConversationList, ConversationListItem, type ConversationListItemData, type ConversationListItemProps, type ConversationListProps, ConversationMediaPreview, type ConversationMediaPreviewProps, ConversationMessageBubble, type ConversationMessageBubbleProps, type ConversationMessageData, type ConversationMessageDirection, type ConversationMessageKind, type ConversationMessageMedia, ConversationPanel, type ConversationPanelProps, type ConversationParticipant, ConversationPreviewCard, type ConversationPreviewCardProps, type ConversationPreviewVariant, ConversationSearch, type ConversationSearchProps, type ConversationStats, ConversationSupportActions, type ConversationSupportActionsProps, ConversationSupportBadge, type ConversationSupportBadgeProps, type ConversationSupportStatus, ConversationThread, ConversationThreadHeader, type ConversationThreadHeaderProps, type ConversationThreadProps, ConversationUnreadMarker, type ConversationUnreadMarkerProps, type DashboardConfig, DashboardProvider, DataGrid, type ColumnDef as DataGridColumn, type DataGridProps, DatePicker, type DatePickerProps, type DateRange, DateRangePicker, type DateRangePickerProps, DoughnutChart, type DoughnutChartItem, type DoughnutChartProps, Dropdown, type DropdownOption, type DropdownProps, EmptyState, type EmptyStateProps, FileUpload, type FileUploadProps, FilterBar, type FilterBarProps, FormField, type FormFieldProps, GithubIcon, Header, type HeaderEstablishment, type HeaderMenuChild, type HeaderMenuGroup, type HeaderMenuItem, type HeaderProps, type HeaderUser, HorizontalBarChart, type HorizontalBarChartProps, type HorizontalBarChartTab, IPhoneMockup, type IPhoneMockupProps, InfoTooltip, type InfoTooltipProps, Input, type InputProps, InstagramIcon, KPICard, type KPICardProps, type KPIValueFormat, LinkedinIcon, Loading, type LoadingContextType, type LoadingProps, LoadingProvider, MetricPanel, type MetricPanelChartData, type MetricPanelMetric, type MetricPanelProps, type MetricPanelTooltipConfig, Modal, type ModalProps, type ModalSize, type Notification, type NotificationsContextType, NotificationsProvider, PageLayout, type PageLayoutProps, Pagination, type PaginationProps, ProgressBarList, type ProgressBarListItem, type ProgressBarListProps, Sidebar, type SidebarMenuItem, type SidebarProps, type SidebarUser, type SizeToken, Skeleton, type SkeletonProps, SocialIcon, type SocialIconName, type SocialIconProps, type SocialIconShortcutProps, StatusBadge, type StatusBadgeProps, type Step, Stepper, type StepperProps, TOCProvider, type TOCProviderProps, type Tab, Table, TableBody, type TableColumn, TableEmpty, TableHeader, TableOfContents, type TableOfContentsProps, type TableProps, TableSkeleton, Tabs, type TabsProps, type Theme, type ThemeColors, type ThemeContextType, ThemeProvider, ThemeSwitcher, type ThemeSwitcherProps, Title, type TitleProps, Toast, type ToastProps, type TocItem, ToggleSwitch, type ToggleSwitchProps, Tooltip, type TooltipProps, type TreeNode, TreeView, type TreeViewProps, type UploadedFile, VerticalBarChart, type VerticalBarChartProps, type WhatsAppMessageDirection, type WhatsAppMessageType, WhatsAppMockup, type WhatsAppMockupMessage, type WhatsAppMockupProps, type WhatsAppProfileType, WhatsappIcon, YoutubeIcon, badgeSizes, componentSizes, conversationMessageIcons, createColumnHelper, createConfig, defaultConfig, modalSizes, socialIconNames, socialIconPaths, useActiveAnchor, useActiveAnchors, useConfig, useLoading, useNotifications, useTOCItems, useTheme };
 //# sourceMappingURL=index.d.mts.map