@aircall/blocks 0.6.0 → 0.9.0

package/dist/index.d.ts

@@ -95,15 +95,202 @@ declare const UnknownErrorMedia: React$1.ForwardRefExoticComponent<Omit<Omit<Emp
 declare const UnknownErrorTitle: React$1.ForwardRefExoticComponent<Omit<EmptyStateTitleProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const UnknownErrorDescription: React$1.ForwardRefExoticComponent<Omit<EmptyStateDescriptionProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 //#endregion
+//#region src/components/chatbot-response-block.d.ts
+type ChatbotResponseBlockFeedback = 'up' | 'down' | null;
+type ChatbotResponseBlockSource = {
+  title: string;
+  url: string;
+};
+type ChatbotResponseBlockProps = {
+  /** Stable identity for the displayed message. When provided, feedback resets
+   *  whenever this value changes — even if the markdown text is identical to the
+   *  previous message. Without it, identical consecutive texts won't reset state. */
+  messageId?: string;
+  markdown: string;
+  streaming?: boolean;
+  sources?: ChatbotResponseBlockSource[];
+  onFeedback?: (value: ChatbotResponseBlockFeedback) => void;
+  className?: string;
+};
+declare function ChatbotResponseBlock({
+  messageId,
+  markdown,
+  streaming,
+  sources,
+  onFeedback,
+  className
+}: ChatbotResponseBlockProps): react_jsx_runtime0.JSX.Element;
+//#endregion
 //#region src/components/chatbot-page.d.ts
 declare const ChatbotPage: React$1.ForwardRefExoticComponent<ChatbotPageProps & React$1.RefAttributes<HTMLDivElement>>;
 interface ChatbotPageProps {
-  children: React$1.ReactNode;
+  children?: React$1.ReactNode;
   className?: string;
 }
 declare namespace ChatbotPage {
   type Props = ChatbotPageProps;
 }
+/**
+ * Content area that fills the right side of `ChatbotPage`. Use alongside
+ * `ChatbotSidebar` as a direct child of `ChatbotPage`.
+ *
+ * In the **idle state** place `ChatbotPageBody`, then `ChatbotPageFooter`.
+ * In the **active conversation state** place `ChatbotPageConversation`,
+ * `ChatbotPageInputBar`, then `ChatbotPageFooter`.
+ *
+ * @example
+ * ```tsx
+ * <ChatbotPage>
+ *   <ChatbotSidebar conversations={[...]} />
+ *   <ChatbotPageContent>
+ *     <ChatbotPageBody>
+ *       <ChatbotPageHeading>Need help with Aircall?</ChatbotPageHeading>
+ *       <ChatbotInput />
+ *       <ChatbotExpandSuggestion categories={[...]} suggestions={[...]} />
+ *     </ChatbotPageBody>
+ *     <ChatbotPageFooter betaTermsHref="https://legal.aircall.io/..." />
+ *   </ChatbotPageContent>
+ * </ChatbotPage>
+ * ```
+ */
+declare const ChatbotPageContent: React$1.ForwardRefExoticComponent<Omit<ChatbotPageContentProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+interface ChatbotPageContentProps extends React$1.ComponentProps<'div'> {}
+declare namespace ChatbotPageContent {
+  type Props = ChatbotPageContentProps;
+}
+/**
+ * Centered content area for the idle/empty state inside `ChatbotPageContent`.
+ * Constrains children to a max-width of 896px and vertically centers them.
+ * Place `ChatbotPageHeading`, `ChatbotInput`, and `ChatbotExpandSuggestion`
+ * as children.
+ */
+declare const ChatbotPageBody: React$1.ForwardRefExoticComponent<Omit<ChatbotPageBodyProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+interface ChatbotPageBodyProps extends React$1.ComponentProps<'div'> {}
+declare namespace ChatbotPageBody {
+  type Props = ChatbotPageBodyProps;
+}
+/**
+ * Centered heading displayed above the input area in the idle state.
+ * Renders an `<h2>` element styled at 24px / medium weight.
+ *
+ * @example
+ * ```tsx
+ * <ChatbotPageHeading>Need help with Aircall?</ChatbotPageHeading>
+ * ```
+ */
+declare const ChatbotPageHeading: React$1.ForwardRefExoticComponent<Omit<ChatbotPageHeadingProps, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+interface ChatbotPageHeadingProps extends React$1.ComponentProps<'h2'> {}
+declare namespace ChatbotPageHeading {
+  type Props = ChatbotPageHeadingProps;
+}
+/**
+ * Footer bar showing the AI beta disclaimer. The "Beta terms" phrase is
+ * rendered as an external `Anchor` link pointing to `betaTermsHref`.
+ *
+ * @example
+ * ```tsx
+ * <ChatbotPageFooter betaTermsHref="https://legal.aircall.io/#template-9jw4r0usl" />
+ * ```
+ */
+declare const ChatbotPageFooter: React$1.ForwardRefExoticComponent<Omit<ChatbotPageFooterProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+interface ChatbotPageFooterProps extends React$1.ComponentProps<'div'> {
+  /** URL for the "Beta terms" external link in the disclaimer footer. */
+  betaTermsHref: string;
+}
+declare namespace ChatbotPageFooter {
+  type Props = ChatbotPageFooterProps;
+}
+/**
+ * Scrollable conversation thread for the active chatbot state. Place
+ * `ChatbotUserMessage` and `ChatbotResponseBlock` as alternating children.
+ * Use alongside `ChatbotPageInputBar` and `ChatbotPageFooter` inside
+ * `ChatbotPageContent`.
+ *
+ * The component is `relative` so consumers can absolutely-position a
+ * scroll-to-bottom FAB inside it.
+ *
+ * @example
+ * ```tsx
+ * <ChatbotPageContent>
+ *   <ChatbotPageConversation>
+ *     <ChatbotUserMessage>How do I set my phone line?</ChatbotUserMessage>
+ *     <ChatbotResponseBlock messageId="1" markdown="..." />
+ *   </ChatbotPageConversation>
+ *   <ChatbotPageInputBar>
+ *     <ChatbotInput size="large" />
+ *   </ChatbotPageInputBar>
+ *   <ChatbotPageFooter betaTermsHref="https://legal.aircall.io/..." />
+ * </ChatbotPageContent>
+ * ```
+ */
+declare const ChatbotPageConversation: React$1.ForwardRefExoticComponent<Omit<ChatbotPageConversationProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+interface ChatbotPageConversationProps extends React$1.ComponentProps<'div'> {}
+declare namespace ChatbotPageConversation {
+  type Props = ChatbotPageConversationProps;
+}
+/**
+ * Wrapper that anchors `ChatbotInput` to the bottom of `ChatbotPageContent`
+ * at the correct max-width. Place between `ChatbotPageConversation` and
+ * `ChatbotPageFooter`.
+ *
+ * @example
+ * ```tsx
+ * <ChatbotPageInputBar>
+ *   <ChatbotInput size="large" />
+ * </ChatbotPageInputBar>
+ * ```
+ */
+declare const ChatbotPageInputBar: React$1.ForwardRefExoticComponent<Omit<ChatbotPageInputBarProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+interface ChatbotPageInputBarProps extends React$1.ComponentProps<'div'> {}
+declare namespace ChatbotPageInputBar {
+  type Props = ChatbotPageInputBarProps;
+}
+//#endregion
+//#region src/components/chatbot-panel-header.d.ts
+type ChatbotPanelHeaderProps = React$1.ComponentProps<'div'> & {
+  /** Title displayed in the header. Defaults to "Ask Aircall"; pass an empty
+   *  string to hide it. */
+  title?: string; /** Fires when the menu (☰) button is pressed. Omit to hide the button. */
+  onMenu?: () => void;
+  /** When provided, the menu (☰) opens a Popover rendering this content (e.g. the
+   *  conversation-history sidebar). The button shows even without `onMenu`. */
+  menuContent?: React$1.ReactNode;
+  /** Controls the `menuContent` Popover's open state. Omit to leave it
+   *  uncontrolled. Provide together with `onMenuOpenChange` to close it
+   *  programmatically (e.g. on conversation select). */
+  menuOpen?: boolean;
+  /** Fires when the `menuContent` Popover requests an open-state change (trigger
+   *  press, outside press, Escape). */
+  onMenuOpenChange?: (open: boolean) => void; /** Fires when the "Send feedback" button is pressed. Omit to hide it. */
+  onFeedback?: () => void; /** Fires when the expand (fullscreen) button is pressed. Omit to hide it. */
+  onExpand?: () => void;
+  /** Whether the panel body is currently expanded. Provide with `onOpenChange`
+   *  to show the collapse/expand (—/+) toggle. */
+  open?: boolean; /** Fires when the collapse/expand (—/+) toggle is pressed. Omit to hide it. */
+  onOpenChange?: (open: boolean) => void; /** Fires when the collapse (—) button is pressed. Omit to hide it. */
+  onClose?: () => void;
+};
+/**
+ * Header bar for the chatbot panel. Each control renders only when its handler is
+ * provided. The leading ☰ opens a Popover (conversation history) when
+ * `menuContent` is set, otherwise fires `onMenu`; with no menu handler it falls
+ * back to a non-interactive panel indicator. Title is optional — pass an empty
+ * string to hide it.
+ */
+declare function ChatbotPanelHeader({
+  title,
+  onMenu,
+  menuContent,
+  menuOpen,
+  onMenuOpenChange,
+  onFeedback,
+  onExpand,
+  open,
+  onOpenChange,
+  onClose,
+  className,
+  ...props
+}: ChatbotPanelHeaderProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/chatbot-sidebar.d.ts
 interface ChatbotSidebarConversation {
@@ -137,6 +324,7 @@ interface ChatbotSidebarProps {
   renderConversationMenuContent?: (conversation: ChatbotSidebarConversation) => React$1.ReactNode;
   /** Label above the conversation list. Defaults to "Recent"*/
   recentLabel?: string;
+  popup?: boolean;
   className?: string;
 }
 declare const ChatbotSidebar: React$1.ForwardRefExoticComponent<ChatbotSidebarProps & React$1.RefAttributes<HTMLDivElement>>;
@@ -147,6 +335,7 @@ declare namespace ChatbotSidebar {
 //#region src/components/chatbot-input.d.ts
 declare const textareaVariants: (props?: ({
   size?: "default" | "large" | null | undefined;
+  expanded?: boolean | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string;
 type ChatbotInputProps = Omit<React$1.ComponentProps<'textarea'>, 'onChange' | 'value' | 'size' | 'onSubmit'> & VariantProps<typeof textareaVariants> & {
   /** Current text value (controlled). */value?: string; /** Called with the new text whenever the user types. */
@@ -155,6 +344,12 @@ type ChatbotInputProps = Omit<React$1.ComponentProps<'textarea'>, 'onChange' | '
   onStop?: () => void; /** Placeholder shown when empty. */
   placeholder?: string; /** When true, shows the stop button instead of send, and disables typing submission. */
   loading?: boolean;
+  /**
+   * When true, the textarea starts at 80px tall even when empty.
+   * Use in the idle/home state where a prominent input is desired.
+   * @default false
+   */
+  expanded?: boolean;
 };
 declare function ChatbotInput({
   className,
@@ -165,6 +360,7 @@ declare function ChatbotInput({
   placeholder,
   loading,
   size,
+  expanded,
   disabled,
   ...textareaProps
 }: ChatbotInputProps): react_jsx_runtime0.JSX.Element;
@@ -378,6 +574,108 @@ declare function ChatbotPanelTrigger({
   ...buttonProps
 }: ChatbotPanelTriggerProps): react_jsx_runtime0.JSX.Element;
 //#endregion
+//#region src/components/chatbot-expand-suggestion.d.ts
+interface ChatbotExpandSuggestionCategory {
+  value: string;
+  label: string;
+}
+interface ChatbotExpandSuggestionItem {
+  id: string;
+  text: string;
+}
+interface ChatbotExpandSuggestionProps {
+  /** Category filter pills rendered above the suggestions list. Hidden when empty or undefined. */
+  categories?: ChatbotExpandSuggestionCategory[];
+  /** Controlled selected category value. Pass undefined to clear. */
+  selectedCategory?: string;
+  /** Fired when the user presses a category pill. Receives undefined when deselected. */
+  onCategoryChange?: (value: string | undefined) => void;
+  /** Label above the suggestion rows. Defaults to "Suggestions". */
+  label?: string;
+  /** Clickable suggestion rows. Hidden when empty or undefined. */
+  suggestions?: ChatbotExpandSuggestionItem[];
+  /** Fired when the user clicks a suggestion row. */
+  onSuggestionClick?: (suggestion: ChatbotExpandSuggestionItem) => void;
+  className?: string;
+}
+declare const ChatbotExpandSuggestion: React$1.ForwardRefExoticComponent<ChatbotExpandSuggestionProps & React$1.RefAttributes<HTMLDivElement>>;
+declare namespace ChatbotExpandSuggestion {
+  type Props = ChatbotExpandSuggestionProps;
+}
+//#endregion
+//#region src/components/chatbot-panel.d.ts
+type ChatbotPanelSuggestionItem = {
+  /** Stable id; falls back to the label when omitted. */id?: string; /** Pill copy, also used as the message text on select. */
+  label: string;
+};
+type ChatbotPanelProps = Omit<React$1.ComponentProps<'div'>, 'title' | 'onSubmit'> & {
+  /** Title shown in the header. Defaults to the i18n "Ask Aircall". */title?: string; /** Fires when the header menu (☰) is pressed. Omit to hide the button. */
+  onMenu?: () => void;
+  /** Recent conversations. When provided (even `[]`), the header ☰ opens a Popover
+   *  with the conversation history (reuses ChatbotSidebar). */
+  conversations?: ChatbotSidebarProps['conversations']; /** Highlights the active conversation row in the menu. */
+  activeConversationId?: ChatbotSidebarProps['activeConversationId']; /** Fires when "New chat" is selected in the menu. */
+  onNewChat?: ChatbotSidebarProps['onNewChat']; /** Fires when a conversation row is selected in the menu. */
+  onSelectConversation?: ChatbotSidebarProps['onSelectConversation']; /** Render prop for each conversation row's trailing ⋯ menu items. */
+  renderConversationMenuContent?: ChatbotSidebarProps['renderConversationMenuContent']; /** Fires when the header expand (fullscreen) is pressed. Omit to hide it. */
+  onExpand?: () => void; /** Fires when the header close (×) is pressed. Omit to hide the close button. */
+  onClose?: () => void; /** Empty-state heading. Defaults to the i18n "Need help with Aircall?". */
+  emptyTitle?: React$1.ReactNode; /** Empty-state subheading. Defaults to the i18n description. */
+  emptyDescription?: React$1.ReactNode; /** Suggestion pills shown in the empty state. */
+  suggestions?: ChatbotPanelSuggestionItem[]; /** Fires when a suggestion pill is selected. */
+  onSuggestionSelect?: (suggestion: ChatbotPanelSuggestionItem) => void; /** Composer value (controlled). */
+  inputValue?: string; /** Fires as the composer value changes. */
+  onInputValueChange?: (value: string) => void; /** Fires when the composer is submitted (Enter or send button). */
+  onSubmit?: (value: string) => void; /** Fires when the stop button is pressed while `loading`. */
+  onStop?: () => void; /** Shows the stop button instead of send. */
+  loading?: boolean; /** Composer placeholder. */
+  placeholder?: string;
+  /**
+   * Focus the composer when the panel mounts. Use this when the panel is
+   * mounted on open (e.g. `{open && <ChatbotPanel autoFocus />}`).
+   */
+  autoFocus?: boolean; /** Footer disclaimer. Pass `null` to hide; defaults to the AI beta notice. */
+  disclaimer?: React$1.ReactNode; /** Enable the left-edge resize handle. Defaults to true. */
+  resizable?: boolean; /** Initial width in px (uncontrolled). Defaults to 400. */
+  defaultWidth?: number; /** Minimum width in px. Defaults to 320. */
+  minWidth?: number; /** Maximum width in px. Defaults to 768. */
+  maxWidth?: number; /** Fires with the new width (px) as the panel is resized. */
+  onWidthChange?: (width: number) => void; /** Conversation content. When empty, the empty state renders instead. */
+  children?: React$1.ReactNode;
+};
+declare function ChatbotPanel({
+  title,
+  onMenu,
+  conversations,
+  activeConversationId,
+  onNewChat,
+  onSelectConversation,
+  renderConversationMenuContent,
+  onExpand,
+  onClose,
+  emptyTitle,
+  emptyDescription,
+  suggestions,
+  onSuggestionSelect,
+  inputValue,
+  onInputValueChange,
+  onSubmit,
+  onStop,
+  loading,
+  placeholder,
+  autoFocus,
+  disclaimer,
+  resizable,
+  defaultWidth,
+  minWidth,
+  maxWidth,
+  onWidthChange,
+  className,
+  style,
+  children,
+  ...props
+}: ChatbotPanelProps): react_jsx_runtime0.JSX.Element;
+//#endregion
 //#region src/hooks/use-copy-to-clipboard.d.ts
 interface UseCopyToClipboardOptions {
   timeout?: number;
@@ -1032,12 +1330,19 @@ type TypedField<TData> = {
 /**
  * Minimal structural view of a `createFormHook` form. `state.values` is the typed source the
  * wrappers read the field-name union from; `AppField` is the binder we render into.
+ *
+ * `AppField` is intentionally loose (`(...args: never[]) => unknown`). A tight signature like
+ * `(props: never) => React.ReactNode` is NOT satisfied by `useForm`'s `AppField` once the form
+ * data is deeply nested (arrays of objects, etc.) — TS can't prove the form's generic `AppField`
+ * assignable, so `TForm extends BoundForm` fails and `name` cascades to `never`. The loose form
+ * accepts any `createFormHook` form for any data shape; `FormFieldBase` casts `AppField` to the
+ * concrete component type before use, so nothing downstream relies on the precise signature.
  */
 type BoundForm = {
   state: {
     values: unknown;
   };
-  AppField: (props: never) => React$1.ReactNode;
+  AppField: (...args: never[]) => unknown;
 };
 type FieldValidator<TFormData, TName> = TName extends DeepKeys<TFormData> ? FieldValidateOrFn<TFormData, TName> : never;
 type FieldAsyncValidator<TFormData, TName> = TName extends DeepKeys<TFormData> ? FieldAsyncValidateOrFn<TFormData, TName> : never;
@@ -1701,4 +2006,4 @@ declare namespace DashboardSidebarSubmenuSeparator {
   type Props = DashboardSidebarSubmenuSeparatorProps;
 }
 //#endregion
-export { BetaBadge, type BoundForm, CardSaveBar, type CardSaveBarProps, ChatbotInput, type ChatbotInputProps, ChatbotPage, ChatbotPanelSuggestion, type ChatbotPanelSuggestionProps, ChatbotPanelTrigger, type ChatbotPanelTriggerProps, ChatbotSidebar, type ChatbotSidebarConversation, ChatbotUserMessage, type ChatbotUserMessageProps, type ComboboxControl, ComingSoonDescription, ComingSoonEmptyState, ComingSoonMedia, ComingSoonTitle, CommonForm, CopyButton, CopyButtonIcon, CopyButtonLabel, DashboardPage, DashboardPageBanner, DashboardPageContent, DashboardPageHeader, DashboardPageHeaderAction, DashboardPageHeaderActions, DashboardPageHeaderDescription, DashboardPageHeaderNav, DashboardPageHeaderNavBack, DashboardPageHeaderPrefix, DashboardPageHeaderSubtitle, DashboardPageHeaderTitle, DashboardPageHeaderTitleGroup, DashboardPageMain, DashboardPageTabs, DashboardSidebar, DashboardSidebarContent, DashboardSidebarFooter, DashboardSidebarGroup, DashboardSidebarGroupLabel, DashboardSidebarHeader, DashboardSidebarMenu, DashboardSidebarMenuBadge, DashboardSidebarMenuButton, DashboardSidebarMenuItem, DashboardSidebarNav, type DashboardSidebarNavGroup, type DashboardSidebarNavItem, type DashboardSidebarNavItemAction, type DashboardSidebarNavItemLink, type DashboardSidebarNavItemSubmenu, type DashboardSidebarNavSubmenuItem, DashboardSidebarProvider, DashboardSidebarSubmenu, DashboardSidebarSubmenuItem, DashboardSidebarSubmenuSeparator, DashboardSidebarTrigger, DashboardStandalonePage, DashboardStandalonePageAction, DashboardStandalonePageActions, DashboardStandalonePageContent, DashboardStandalonePageHeader, DashboardStandalonePageTitle, DeprecatedBadge, EmptyState, EmptyStateActions, EmptyStateButton, EmptyStateDescription, EmptyStateExternalLink, EmptyStateHeader, EmptyStateMedia, EmptyStateTitle, FormComboboxField, type FormComboboxFieldProps, FormFieldBase, type FormFieldValidators, FormInputField, type FormInputFieldProps, FormMultiComboboxField, type FormMultiComboboxFieldProps, FormNumberField, type FormNumberFieldProps, FormOTPField, type FormOTPFieldProps, FormRadioGroupField, type FormRadioGroupFieldProps, FormSelectField, type FormSelectFieldProps, FormSliderField, type FormSliderFieldProps, FormSwitchField, type FormSwitchFieldProps, FormTextareaField, type FormTextareaFieldProps, FormToggleGroupField, type FormToggleGroupFieldProps, type InputControl, type MultiComboboxControl, NewBadge, NoDataDescription, NoDataEmptyState, NoDataMedia, NoDataTitle, NoSupportDescription, NoSupportEmptyState, NoSupportMedia, NoSupportTitle, NotFoundDescription, NotFoundEmptyState, NotFoundMedia, NotFoundTitle, type NumberControl, type OTPControl, ProfessionalBadge, type RadioGroupControl, RestrictedAccessDescription, RestrictedAccessEmptyState, RestrictedAccessMedia, RestrictedAccessTitle, RoleBadge, type RoleBadgeRole, SaveBar, type SaveBarProps, type SelectControl, type SliderControl, SubmitButton, type SubmitButtonProps, type SwitchControl, type TextareaControl, type ToggleGroupControl, TrialBadge, type TypedField, UnknownErrorDescription, UnknownErrorEmptyState, UnknownErrorMedia, UnknownErrorTitle, fieldContext, formContext, toFieldErrors, useCopyToClipboard, useSidebar as useDashboardSidebar, useFieldContext, useForm, useFormContext, withForm };
+export { BetaBadge, type BoundForm, CardSaveBar, type CardSaveBarProps, ChatbotExpandSuggestion, type ChatbotExpandSuggestionProps, ChatbotInput, type ChatbotInputProps, ChatbotPage, ChatbotPageBody, type ChatbotPageBodyProps, ChatbotPageContent, type ChatbotPageContentProps, ChatbotPageConversation, type ChatbotPageConversationProps, ChatbotPageFooter, type ChatbotPageFooterProps, ChatbotPageHeading, type ChatbotPageHeadingProps, ChatbotPageInputBar, type ChatbotPageInputBarProps, type ChatbotPageProps, ChatbotPanel, ChatbotPanelHeader, type ChatbotPanelHeaderProps, type ChatbotPanelProps, ChatbotPanelSuggestion, type ChatbotPanelSuggestionItem, type ChatbotPanelSuggestionProps, ChatbotPanelTrigger, type ChatbotPanelTriggerProps, ChatbotResponseBlock, type ChatbotResponseBlockFeedback, type ChatbotResponseBlockProps, ChatbotSidebar, type ChatbotSidebarConversation, ChatbotUserMessage, type ChatbotUserMessageProps, type ComboboxControl, ComingSoonDescription, ComingSoonEmptyState, ComingSoonMedia, ComingSoonTitle, CommonForm, CopyButton, CopyButtonIcon, CopyButtonLabel, DashboardPage, DashboardPageBanner, DashboardPageContent, DashboardPageHeader, DashboardPageHeaderAction, DashboardPageHeaderActions, DashboardPageHeaderDescription, DashboardPageHeaderNav, DashboardPageHeaderNavBack, DashboardPageHeaderPrefix, DashboardPageHeaderSubtitle, DashboardPageHeaderTitle, DashboardPageHeaderTitleGroup, DashboardPageMain, DashboardPageTabs, DashboardSidebar, DashboardSidebarContent, DashboardSidebarFooter, DashboardSidebarGroup, DashboardSidebarGroupLabel, DashboardSidebarHeader, DashboardSidebarMenu, DashboardSidebarMenuBadge, DashboardSidebarMenuButton, DashboardSidebarMenuItem, DashboardSidebarNav, type DashboardSidebarNavGroup, type DashboardSidebarNavItem, type DashboardSidebarNavItemAction, type DashboardSidebarNavItemLink, type DashboardSidebarNavItemSubmenu, type DashboardSidebarNavSubmenuItem, DashboardSidebarProvider, DashboardSidebarSubmenu, DashboardSidebarSubmenuItem, DashboardSidebarSubmenuSeparator, DashboardSidebarTrigger, DashboardStandalonePage, DashboardStandalonePageAction, DashboardStandalonePageActions, DashboardStandalonePageContent, DashboardStandalonePageHeader, DashboardStandalonePageTitle, DeprecatedBadge, EmptyState, EmptyStateActions, EmptyStateButton, EmptyStateDescription, EmptyStateExternalLink, EmptyStateHeader, EmptyStateMedia, EmptyStateTitle, FormComboboxField, type FormComboboxFieldProps, FormFieldBase, type FormFieldValidators, FormInputField, type FormInputFieldProps, FormMultiComboboxField, type FormMultiComboboxFieldProps, FormNumberField, type FormNumberFieldProps, FormOTPField, type FormOTPFieldProps, FormRadioGroupField, type FormRadioGroupFieldProps, FormSelectField, type FormSelectFieldProps, FormSliderField, type FormSliderFieldProps, FormSwitchField, type FormSwitchFieldProps, FormTextareaField, type FormTextareaFieldProps, FormToggleGroupField, type FormToggleGroupFieldProps, type InputControl, type MultiComboboxControl, NewBadge, NoDataDescription, NoDataEmptyState, NoDataMedia, NoDataTitle, NoSupportDescription, NoSupportEmptyState, NoSupportMedia, NoSupportTitle, NotFoundDescription, NotFoundEmptyState, NotFoundMedia, NotFoundTitle, type NumberControl, type OTPControl, ProfessionalBadge, type RadioGroupControl, RestrictedAccessDescription, RestrictedAccessEmptyState, RestrictedAccessMedia, RestrictedAccessTitle, RoleBadge, type RoleBadgeRole, SaveBar, type SaveBarProps, type SelectControl, type SliderControl, SubmitButton, type SubmitButtonProps, type SwitchControl, type TextareaControl, type ToggleGroupControl, TrialBadge, type TypedField, UnknownErrorDescription, UnknownErrorEmptyState, UnknownErrorMedia, UnknownErrorTitle, fieldContext, formContext, toFieldErrors, useCopyToClipboard, useSidebar as useDashboardSidebar, useFieldContext, useForm, useFormContext, withForm };