@tylertech/forge-ai-react 0.4.1 → 0.5.0

package/dist/ForgeAiSidebar.d.ts

@@ -3,22 +3,21 @@ import { ForgeAiSidebar as ForgeAiSidebarElement } from "@tylertech/forge-ai/ai-
 
 export type { ForgeAiSidebarElement };
 
-export interface ForgeAiSidebarProps
-  extends Pick<
-    React.AllHTMLAttributes<HTMLElement>,
-    | "children"
-    | "dir"
-    | "hidden"
-    | "id"
-    | "lang"
-    | "slot"
-    | "style"
-    | "title"
-    | "translate"
-    | "onClick"
-    | "onFocus"
-    | "onBlur"
-  > {
+export interface ForgeAiSidebarProps extends Pick<
+  React.AllHTMLAttributes<HTMLElement>,
+  | "children"
+  | "dir"
+  | "hidden"
+  | "id"
+  | "lang"
+  | "slot"
+  | "style"
+  | "title"
+  | "translate"
+  | "onClick"
+  | "onFocus"
+  | "onBlur"
+> {
   /** Indicates whether the sidebar is open. */
   open?: boolean;
 

package/dist/ForgeAiSidebarChat.d.ts

@@ -3,28 +3,25 @@ import { ForgeAiSidebarChat as ForgeAiSidebarChatElement } from "@tylertech/forg
 
 export type { ForgeAiSidebarChatElement };
 
-export interface ForgeAiSidebarChatProps
-  extends Pick<
-    React.AllHTMLAttributes<HTMLElement>,
-    | "children"
-    | "dir"
-    | "hidden"
-    | "id"
-    | "lang"
-    | "slot"
-    | "style"
-    | "title"
-    | "translate"
-    | "onClick"
-    | "onFocus"
-    | "onBlur"
-  > {
-  /** Indicates whether the sidebar chat is open. */
+export interface ForgeAiSidebarChatProps extends Pick<
+  React.AllHTMLAttributes<HTMLElement>,
+  | "children"
+  | "dir"
+  | "hidden"
+  | "id"
+  | "lang"
+  | "slot"
+  | "style"
+  | "title"
+  | "translate"
+  | "onClick"
+  | "onFocus"
+  | "onBlur"
+> {
+  /** undefined */
   open?: boolean;
 
-  /** Controls whether the chat is displayed in an expanded modal state.
-When true, the chat content will be shown in a fullscreen modal.
-When false, the chat will be displayed in the sidebar. */
+  /** undefined */
   expanded?: boolean;
 
   /** A space-separated list of the classes of the element. Classes allows CSS and JavaScript to select and access specific elements via the class selectors or functions like the method `Document.getElementsByClassName()`. */
@@ -72,16 +69,7 @@ When false, the chat will be displayed in the sidebar. */
  * - **forge-ai-sidebar-chat-expand** - Fired when the sidebar chat is expanded to modal
  * - **forge-ai-sidebar-chat-collapse** - Fired when the sidebar chat is collapsed from modal
  *
- * ### **Methods:**
- *  - **show(): _void_** - Opens the sidebar chat.
- * - **close(): _void_** - Closes the sidebar chat.
- * - **toggle(): _void_** - Toggles the sidebar chat open state.
- * - **expand(): _void_** - Expands the chat to fullscreen modal.
- * - **collapse(): _void_** - Collapses the chat from fullscreen modal back to sidebar.
- *
  * ### **Slots:**
- *  - _default_ - Default slot for messages (ai-user-message, ai-response-message components)
- * - **suggestions** - Slot for AI suggestions component
- * - **prompt** - Slot for custom AI prompt component. If not provided, a default forge-ai-prompt will be used.
+ *  - _default_ - Default slot for chatbot component
  */
 export const ForgeAiSidebarChat: React.ForwardRefExoticComponent<ForgeAiSidebarChatProps>;

package/dist/ForgeAiSpinner.d.ts

@@ -0,0 +1,55 @@
+import React from "react";
+import { ForgeAiSpinner as ForgeAiSpinnerElement } from "@tylertech/forge-ai/ai-spinner";
+
+export type { ForgeAiSpinnerElement };
+
+export interface ForgeAiSpinnerProps extends Pick<
+  React.AllHTMLAttributes<HTMLElement>,
+  | "children"
+  | "dir"
+  | "hidden"
+  | "id"
+  | "lang"
+  | "slot"
+  | "style"
+  | "title"
+  | "translate"
+  | "onClick"
+  | "onFocus"
+  | "onBlur"
+> {
+  /** undefined */
+  size?: ForgeAiSpinnerElement["size"];
+
+  /** A space-separated list of the classes of the element. Classes allows CSS and JavaScript to select and access specific elements via the class selectors or functions like the method `Document.getElementsByClassName()`. */
+  className?: string;
+
+  /** Contains a space-separated list of the part names of the element that should be exposed on the host element. */
+  exportparts?: string;
+
+  /** Used for labels to link them with their inputs (using input id). */
+  htmlFor?: string;
+
+  /** Used to help React identify which items have changed, are added, or are removed within a list. */
+  key?: number | string;
+
+  /** Contains a space-separated list of the part names of the element. Part names allows CSS to select and style specific elements in a shadow tree via the ::part pseudo-element. */
+  part?: string;
+
+  /** A mutable ref object whose `.current` property is initialized to the passed argument (`initialValue`). The returned object will persist for the full lifetime of the component. */
+  ref?: any;
+
+  /** Allows developers to make HTML elements focusable, allow or prevent them from being sequentially focusable (usually with the `Tab` key, hence the name) and determine their relative ordering for sequential focus navigation. */
+  tabIndex?: number;
+}
+
+/**
+ * Indeterminate circular progress indicator.
+ * ---
+ *
+ *
+ * ### **CSS Properties:**
+ *  - **--forge-ai-spinner-color** - Color of the spinner indicator _(default: undefined)_
+ * - **--forge-ai-spinner-track-color** - Color of the spinner track _(default: undefined)_
+ */
+export const ForgeAiSpinner: React.ForwardRefExoticComponent<ForgeAiSpinnerProps>;

package/dist/ForgeAiSpinner.js

@@ -0,0 +1,21 @@
+import React, { forwardRef } from "react";
+import "@tylertech/forge-ai/ai-spinner";
+
+export const ForgeAiSpinner = forwardRef((props, forwardedRef) => {
+  const { size, ...filteredProps } = props;
+
+  return React.createElement(
+    "forge-ai-spinner",
+    {
+      ...filteredProps,
+      size: props.size,
+      class: props.className,
+      exportparts: props.exportparts,
+      for: props.htmlFor,
+      part: props.part,
+      tabindex: props.tabIndex,
+      style: { ...props.style },
+    },
+    props.children,
+  );
+});

package/dist/ForgeAiSuggestions.d.ts

@@ -3,22 +3,21 @@ import { ForgeAiSuggestions as ForgeAiSuggestionsElement } from "@tylertech/forg
 
 export type { ForgeAiSuggestionsElement };
 
-export interface ForgeAiSuggestionsProps
-  extends Pick<
-    React.AllHTMLAttributes<HTMLElement>,
-    | "children"
-    | "dir"
-    | "hidden"
-    | "id"
-    | "lang"
-    | "slot"
-    | "style"
-    | "title"
-    | "translate"
-    | "onClick"
-    | "onFocus"
-    | "onBlur"
-  > {
+export interface ForgeAiSuggestionsProps extends Pick<
+  React.AllHTMLAttributes<HTMLElement>,
+  | "children"
+  | "dir"
+  | "hidden"
+  | "id"
+  | "lang"
+  | "slot"
+  | "style"
+  | "title"
+  | "translate"
+  | "onClick"
+  | "onFocus"
+  | "onBlur"
+> {
   /** Display variant for suggestions layout */
   variant?: ForgeAiSuggestionsElement["variant"];
 

package/dist/ForgeAiThinkingIndicator.d.ts

@@ -3,22 +3,21 @@ import { ForgeAiThinkingIndicator as ForgeAiThinkingIndicatorElement } from "@ty
 
 export type { ForgeAiThinkingIndicatorElement };
 
-export interface ForgeAiThinkingIndicatorProps
-  extends Pick<
-    React.AllHTMLAttributes<HTMLElement>,
-    | "children"
-    | "dir"
-    | "hidden"
-    | "id"
-    | "lang"
-    | "slot"
-    | "style"
-    | "title"
-    | "translate"
-    | "onClick"
-    | "onFocus"
-    | "onBlur"
-  > {
+export interface ForgeAiThinkingIndicatorProps extends Pick<
+  React.AllHTMLAttributes<HTMLElement>,
+  | "children"
+  | "dir"
+  | "hidden"
+  | "id"
+  | "lang"
+  | "slot"
+  | "style"
+  | "title"
+  | "translate"
+  | "onClick"
+  | "onFocus"
+  | "onBlur"
+> {
   /** A space-separated list of the classes of the element. Classes allows CSS and JavaScript to select and access specific elements via the class selectors or functions like the method `Document.getElementsByClassName()`. */
   className?: string;
 

package/dist/ForgeAiThoughtBase.d.ts

@@ -3,22 +3,21 @@ import { ForgeAiThoughtBase as ForgeAiThoughtBaseElement } from "@tylertech/forg
 
 export type { ForgeAiThoughtBaseElement };
 
-export interface ForgeAiThoughtBaseProps
-  extends Pick<
-    React.AllHTMLAttributes<HTMLElement>,
-    | "children"
-    | "dir"
-    | "hidden"
-    | "id"
-    | "lang"
-    | "slot"
-    | "style"
-    | "title"
-    | "translate"
-    | "onClick"
-    | "onFocus"
-    | "onBlur"
-  > {
+export interface ForgeAiThoughtBaseProps extends Pick<
+  React.AllHTMLAttributes<HTMLElement>,
+  | "children"
+  | "dir"
+  | "hidden"
+  | "id"
+  | "lang"
+  | "slot"
+  | "style"
+  | "title"
+  | "translate"
+  | "onClick"
+  | "onFocus"
+  | "onBlur"
+> {
   /** The step number for this thought */
   step?: ForgeAiThoughtBaseElement["step"];
 

package/dist/ForgeAiThoughtDetail.d.ts

@@ -3,22 +3,21 @@ import { ForgeAiThoughtDetail as ForgeAiThoughtDetailElement } from "@tylertech/
 
 export type { ForgeAiThoughtDetailElement };
 
-export interface ForgeAiThoughtDetailProps
-  extends Pick<
-    React.AllHTMLAttributes<HTMLElement>,
-    | "children"
-    | "dir"
-    | "hidden"
-    | "id"
-    | "lang"
-    | "slot"
-    | "style"
-    | "title"
-    | "translate"
-    | "onClick"
-    | "onFocus"
-    | "onBlur"
-  > {
+export interface ForgeAiThoughtDetailProps extends Pick<
+  React.AllHTMLAttributes<HTMLElement>,
+  | "children"
+  | "dir"
+  | "hidden"
+  | "id"
+  | "lang"
+  | "slot"
+  | "style"
+  | "title"
+  | "translate"
+  | "onClick"
+  | "onFocus"
+  | "onBlur"
+> {
   /** A space-separated list of the classes of the element. Classes allows CSS and JavaScript to select and access specific elements via the class selectors or functions like the method `Document.getElementsByClassName()`. */
   className?: string;
 

package/dist/ForgeAiThoughtImage.d.ts

@@ -3,22 +3,21 @@ import { ForgeAiThoughtImage as ForgeAiThoughtImageElement } from "@tylertech/fo
 
 export type { ForgeAiThoughtImageElement };
 
-export interface ForgeAiThoughtImageProps
-  extends Pick<
-    React.AllHTMLAttributes<HTMLElement>,
-    | "children"
-    | "dir"
-    | "hidden"
-    | "id"
-    | "lang"
-    | "slot"
-    | "style"
-    | "title"
-    | "translate"
-    | "onClick"
-    | "onFocus"
-    | "onBlur"
-  > {
+export interface ForgeAiThoughtImageProps extends Pick<
+  React.AllHTMLAttributes<HTMLElement>,
+  | "children"
+  | "dir"
+  | "hidden"
+  | "id"
+  | "lang"
+  | "slot"
+  | "style"
+  | "title"
+  | "translate"
+  | "onClick"
+  | "onFocus"
+  | "onBlur"
+> {
   /** The step number for this thought image */
   step?: ForgeAiThoughtImageElement["step"];
 

package/dist/ForgeAiThoughtSearchResult.d.ts

@@ -3,22 +3,21 @@ import { ForgeAiThoughtSearchResult as ForgeAiThoughtSearchResultElement } from
 
 export type { ForgeAiThoughtSearchResultElement };
 
-export interface ForgeAiThoughtSearchResultProps
-  extends Pick<
-    React.AllHTMLAttributes<HTMLElement>,
-    | "children"
-    | "dir"
-    | "hidden"
-    | "id"
-    | "lang"
-    | "slot"
-    | "style"
-    | "title"
-    | "translate"
-    | "onClick"
-    | "onFocus"
-    | "onBlur"
-  > {
+export interface ForgeAiThoughtSearchResultProps extends Pick<
+  React.AllHTMLAttributes<HTMLElement>,
+  | "children"
+  | "dir"
+  | "hidden"
+  | "id"
+  | "lang"
+  | "slot"
+  | "style"
+  | "title"
+  | "translate"
+  | "onClick"
+  | "onFocus"
+  | "onBlur"
+> {
   /** The step number for this thought search result */
   step?: ForgeAiThoughtSearchResultElement["step"];
 

package/dist/ForgeAiThreads.d.ts

@@ -6,22 +6,21 @@ import {
 
 export type { ForgeAiThreadsElement, CustomEvent };
 
-export interface ForgeAiThreadsProps
-  extends Pick<
-    React.AllHTMLAttributes<HTMLElement>,
-    | "children"
-    | "dir"
-    | "hidden"
-    | "id"
-    | "lang"
-    | "slot"
-    | "style"
-    | "title"
-    | "translate"
-    | "onClick"
-    | "onFocus"
-    | "onBlur"
-  > {
+export interface ForgeAiThreadsProps extends Pick<
+  React.AllHTMLAttributes<HTMLElement>,
+  | "children"
+  | "dir"
+  | "hidden"
+  | "id"
+  | "lang"
+  | "slot"
+  | "style"
+  | "title"
+  | "translate"
+  | "onClick"
+  | "onFocus"
+  | "onBlur"
+> {
   /** Array of threads to display in the navigation list */
   threads?: ForgeAiThreadsElement["threads"];
 
@@ -67,5 +66,8 @@ export interface ForgeAiThreadsProps
  *  - **forge-ai-threads-select** - Fired when a thread is selected.
  * - **forge-ai-threads-new-chat** - Fired when the new chat button is clicked.
  * - **forge-ai-threads-clear-history** - Fired when the clear history button is clicked.
+ *
+ * ### **Slots:**
+ *  - _default_ - Default slot for chatbot component
  */
 export const ForgeAiThreads: React.ForwardRefExoticComponent<ForgeAiThreadsProps>;

package/dist/ForgeAiTooltip.d.ts

@@ -3,22 +3,21 @@ import { ForgeAiTooltip as ForgeAiTooltipElement } from "@tylertech/forge-ai/cor
 
 export type { ForgeAiTooltipElement };
 
-export interface ForgeAiTooltipProps
-  extends Pick<
-    React.AllHTMLAttributes<HTMLElement>,
-    | "children"
-    | "dir"
-    | "hidden"
-    | "id"
-    | "lang"
-    | "slot"
-    | "style"
-    | "title"
-    | "translate"
-    | "onClick"
-    | "onFocus"
-    | "onBlur"
-  > {
+export interface ForgeAiTooltipProps extends Pick<
+  React.AllHTMLAttributes<HTMLElement>,
+  | "children"
+  | "dir"
+  | "hidden"
+  | "id"
+  | "lang"
+  | "slot"
+  | "style"
+  | "title"
+  | "translate"
+  | "onClick"
+  | "onFocus"
+  | "onBlur"
+> {
   /** Whether the tooltip is open. */
   open?: boolean;
 

package/dist/ForgeAiUserMessage.d.ts

@@ -3,22 +3,21 @@ import { ForgeAiUserMessage as ForgeAiUserMessageElement } from "@tylertech/forg
 
 export type { ForgeAiUserMessageElement };
 
-export interface ForgeAiUserMessageProps
-  extends Pick<
-    React.AllHTMLAttributes<HTMLElement>,
-    | "children"
-    | "dir"
-    | "hidden"
-    | "id"
-    | "lang"
-    | "slot"
-    | "style"
-    | "title"
-    | "translate"
-    | "onClick"
-    | "onFocus"
-    | "onBlur"
-  > {
+export interface ForgeAiUserMessageProps extends Pick<
+  React.AllHTMLAttributes<HTMLElement>,
+  | "children"
+  | "dir"
+  | "hidden"
+  | "id"
+  | "lang"
+  | "slot"
+  | "style"
+  | "title"
+  | "translate"
+  | "onClick"
+  | "onFocus"
+  | "onBlur"
+> {
   /** A space-separated list of the classes of the element. Classes allows CSS and JavaScript to select and access specific elements via the class selectors or functions like the method `Document.getElementsByClassName()`. */
   className?: string;
 

package/dist/ForgeAiVoiceInput.d.ts

@@ -3,22 +3,21 @@ import { ForgeAiVoiceInput as ForgeAiVoiceInputElement } from "@tylertech/forge-
 
 export type { ForgeAiVoiceInputElement };
 
-export interface ForgeAiVoiceInputProps
-  extends Pick<
-    React.AllHTMLAttributes<HTMLElement>,
-    | "children"
-    | "dir"
-    | "hidden"
-    | "id"
-    | "lang"
-    | "slot"
-    | "style"
-    | "title"
-    | "translate"
-    | "onClick"
-    | "onFocus"
-    | "onBlur"
-  > {
+export interface ForgeAiVoiceInputProps extends Pick<
+  React.AllHTMLAttributes<HTMLElement>,
+  | "children"
+  | "dir"
+  | "hidden"
+  | "id"
+  | "lang"
+  | "slot"
+  | "style"
+  | "title"
+  | "translate"
+  | "onClick"
+  | "onFocus"
+  | "onBlur"
+> {
   /** A space-separated list of the classes of the element. Classes allows CSS and JavaScript to select and access specific elements via the class selectors or functions like the method `Document.getElementsByClassName()`. */
   className?: string;
 

package/dist/ForgePromptButton.d.ts

@@ -3,22 +3,21 @@ import { ForgePromptButton as ForgePromptButtonElement } from "@tylertech/forge-
 
 export type { ForgePromptButtonElement };
 
-export interface ForgePromptButtonProps
-  extends Pick<
-    React.AllHTMLAttributes<HTMLElement>,
-    | "children"
-    | "dir"
-    | "hidden"
-    | "id"
-    | "lang"
-    | "slot"
-    | "style"
-    | "title"
-    | "translate"
-    | "onClick"
-    | "onFocus"
-    | "onBlur"
-  > {
+export interface ForgePromptButtonProps extends Pick<
+  React.AllHTMLAttributes<HTMLElement>,
+  | "children"
+  | "dir"
+  | "hidden"
+  | "id"
+  | "lang"
+  | "slot"
+  | "style"
+  | "title"
+  | "translate"
+  | "onClick"
+  | "onFocus"
+  | "onBlur"
+> {
   /** Whether the button is disabled */
   disabled?: boolean;