@factorialco/f0-react 1.390.2 → 1.392.0

package/dist/ai.d.ts

@@ -284,6 +284,12 @@ export declare function Blockquote({ children, ...props }: React.HTMLAttributes<
 
 export declare const ChatSpinner: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
 
+/**
+ * CSS RGB color string type
+ * @example 'rgb(255, 0, 0)' or 'rgb(255,0,0)'
+ */
+declare type CSSRgbString = `rgb(${number}, ${number}, ${number})` | `rgb(${number},${number},${number})`;
+
 export declare const defaultTranslations: {
     readonly countries: {
         ad: string;
@@ -535,6 +541,7 @@ export declare const defaultTranslations: {
             readonly errors: {
                 readonly saveFailed: "Save failed";
             };
+            readonly addRow: "Add row";
         };
         readonly itemsCount: "items";
         readonly emptyStates: {
@@ -1024,6 +1031,35 @@ export declare interface F0AiCollapsibleMessageProps {
  */
 export declare const F0AiFullscreenChat: () => JSX_2.Element | null;
 
+export declare class F0AiMask {
+    readonly element: HTMLElement;
+    private canvas;
+    private options;
+    private running;
+    private disposed;
+    private startTime;
+    private lastTime;
+    private rafId;
+    private glr;
+    private observer?;
+    constructor(options?: MaskOptions);
+    start(): void;
+    pause(): void;
+    dispose(): void;
+    resize(width: number, height: number, ratio?: number): void;
+    /**
+     * Automatically resizes the canvas to match the dimensions of the given element.
+     * @note using ResizeObserver
+     */
+    autoResize(sourceElement: HTMLElement): void;
+    fadeIn(): Promise<void>;
+    fadeOut(): Promise<void>;
+    private checkGLError;
+    private getGLErrorName;
+    private setupGL;
+    private render;
+}
+
 export declare function F0AuraVoiceAnimation({ size, state, color, colorShift, audioTrack, themeMode, className, ref, ...props }: F0AuraVoiceAnimationProps & ComponentProps<"div"> & VariantProps<typeof F0AuraVoiceAnimationVariants>): JSX_2.Element;
 
 export declare interface F0AuraVoiceAnimationProps {
@@ -1289,6 +1325,62 @@ declare type Join<T extends string[], D extends string> = T extends [] ? never :
 
 export declare function Li({ children, ...props }: React.HTMLAttributes<HTMLLIElement>): JSX_2.Element;
 
+declare type MaskOptions = {
+    /**
+     * The width of the Mask element.
+     * @default 600
+     */
+    width?: number;
+    /**
+     * The height of the Mask element.
+     * @default 600
+     */
+    height?: number;
+    /**
+     * Device pixel ratio multiplier; can be less than 1.
+     */
+    ratio?: number;
+    /**
+     * Color mode. Upon what background color will the element be displayed.
+     * - dark: optimize for dark background. (clean and luminous glow. may be invisible on light backgrounds.)
+     * - light: optimize for light background. (high saturation glow. not elegant on dark backgrounds.)
+     * @default light
+     * @note It's not possible to make a style that works well on both light and dark backgrounds.
+     * @note If you do not know the background color, start with light.
+     */
+    mode?: "dark" | "light";
+    /**
+     * Color list.
+     * @default ['rgb(57, 182, 255)', 'rgb(189, 69, 251)', 'rgb(255, 87, 51)', 'rgb(255, 214, 0)']
+     * @note The color list must be specified with 4 colors in an array, formatted as rgb color strings.
+     */
+    colors?: [CSSRgbString, CSSRgbString, CSSRgbString, CSSRgbString];
+    /**
+     * The width of the border.
+     * @default 8
+     */
+    borderWidth?: number;
+    /**
+     * The width of the glow effect.
+     * @default 200
+     *
+     */
+    glowWidth?: number;
+    /**
+     * The border radius.
+     * @default 8
+     */
+    borderRadius?: number;
+    /**
+     * Custom class names for wrapper and canvas elements.
+     */
+    classNames?: string;
+    /**
+     * Custom styles for wrapper and canvas elements.
+     */
+    styles?: Partial<CSSStyleDeclaration>;
+};
+
 export declare function Ol({ children, ...props }: React.HTMLAttributes<HTMLOListElement>): JSX_2.Element;
 
 export declare type OneIconSize = (typeof oneIconSizes)[number];
@@ -1433,6 +1525,11 @@ declare module "gridstack" {
 }
 
 
+declare namespace Calendar {
+    var displayName: string;
+}
+
+
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         aiBlock: {
@@ -1464,10 +1561,8 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        videoEmbed: {
-            setVideoEmbed: (options: {
-                src: string;
-            }) => ReturnType;
+        transcript: {
+            insertTranscript: (data: TranscriptData) => ReturnType;
         };
     }
 }
@@ -1475,13 +1570,10 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        transcript: {
-            insertTranscript: (data: TranscriptData) => ReturnType;
+        videoEmbed: {
+            setVideoEmbed: (options: {
+                src: string;
+            }) => ReturnType;
         };
     }
 }
-
-
-declare namespace Calendar {
-    var displayName: string;
-}

package/dist/ai.js

@@ -1,26 +1,27 @@
-import { A as e, B as t, C as n, q as o, E as i, h as r, F as l, a as c, D as A, i as u, b as F, j as h, w as C, x as m, y as T, z as d, c as f, r as S, s as p, t as I, H as g, I as k, m as x, L as H, O as P, v as b, P as w, S as M, T as O, n as v, o as D, p as E, U as L, k as R, l as q, d as y, e as z, u as B, g as U, f as j } from "./F0AiChat-nPbqtFaA.js";
+import { A as e, B as t, C as i, q as n, E as o, h as r, F as l, a as A, D as c, i as F, b as u, j as h, w as C, x as d, y as m, z as T, c as f, r as S, s as p, t as I, H as g, I as k, m as x, L as H, O as M, v as P, P as b, S as w, T as O, n as v, o as D, p as E, U as L, k as R, l as q, d as y, e as z, u as B, g as U, f as j } from "./F0AiChat-nPbqtFaA.js";
 import { defaultTranslations as G } from "./i18n-provider-defaults.js";
-import { A as K, F as N, c as Q, b as W, a as X, o as Y, u as Z } from "./F0HILActionConfirmation-B5UWkFgg.js";
+import { A as K, F as N, c as Q, d as W, b as X, a as Y, o as Z, u as _ } from "./F0HILActionConfirmation-C_1UQkak.js";
 export {
   e as A,
   K as AiChatTranslationsProvider,
   t as Blockquote,
-  n as ChatSpinner,
-  o as Em,
-  i as EntityRef,
+  i as ChatSpinner,
+  n as Em,
+  o as EntityRef,
   r as F0ActionItem,
   l as F0AiChat,
-  c as F0AiChatProvider,
-  A as F0AiChatTextArea,
-  u as F0AiCollapsibleMessage,
-  F as F0AiFullscreenChat,
-  N as F0AuraVoiceAnimation,
+  A as F0AiChatProvider,
+  c as F0AiChatTextArea,
+  F as F0AiCollapsibleMessage,
+  u as F0AiFullscreenChat,
+  N as F0AiMask,
+  Q as F0AuraVoiceAnimation,
   h as F0DataDownload,
-  Q as F0HILActionConfirmation,
+  W as F0HILActionConfirmation,
   C as F0MessageSources,
-  m as F0OneIcon,
-  T as F0OneSwitch,
-  d as F0Thinking,
+  d as F0OneIcon,
+  m as F0OneSwitch,
+  T as F0Thinking,
   f as FullscreenChatContext,
   S as H1,
   p as H2,
@@ -29,23 +30,23 @@ export {
   k as I18nProvider,
   x as Image,
   H as Li,
-  P as Ol,
-  b as P,
-  w as Pre,
-  M as Strong,
+  M as Ol,
+  P,
+  b as Pre,
+  w as Strong,
   O as Table,
   v as TableSimple,
   D as Td,
   E as Th,
   L as Ul,
-  W as actionItemStatuses,
-  X as aiTranslations,
+  X as actionItemStatuses,
+  Y as aiTranslations,
   G as defaultTranslations,
   R as f0MarkdownRenderers,
   q as f0MarkdownRenderersSimple,
-  Y as oneIconSizes,
+  Z as oneIconSizes,
   y as useAiChat,
-  Z as useAiChatTranslations,
+  _ as useAiChatTranslations,
   z as useDefaultCopilotActions,
   B as useI18n,
   U as useMessageSourcesAction,

package/dist/experimental.d.ts

@@ -2491,6 +2491,7 @@ declare const defaultTranslations: {
             readonly errors: {
                 readonly saveFailed: "Save failed";
             };
+            readonly addRow: "Add row";
         };
         readonly itemsCount: "items";
         readonly emptyStates: {
@@ -2981,6 +2982,12 @@ declare type EditableTableVisualizationOptions<R extends RecordType, _Filters ex
      * Rejection sets an error on the edited column.
      */
     onCellChange: (updatedItem: R) => Promise<void | Record<string, string>>;
+    /** When provided, renders an "Add" button row at the bottom of the table and nested rows. Receives the parent item when triggered from a nested row. Supports async functions for loading state. */
+    onAddRow?: (parentItem?: R) => void | Promise<void>;
+    /** Custom label for the root-level "Add row" button. Falls back to the default i18n translation. */
+    addRowButtonLabel?: string;
+    /** Custom label for the nested-row "Add row" button. Falls back to the default i18n translation. */
+    nestedAddRowButtonLabel?: string;
 };
 
 declare type EditableTableVisualizationSettings = TableVisualizationSettings;
@@ -7233,6 +7240,11 @@ declare module "gridstack" {
 }
 
 
+declare namespace Calendar {
+    var displayName: string;
+}
+
+
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         aiBlock: {
@@ -7264,10 +7276,8 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        videoEmbed: {
-            setVideoEmbed: (options: {
-                src: string;
-            }) => ReturnType;
+        transcript: {
+            insertTranscript: (data: TranscriptData) => ReturnType;
         };
     }
 }
@@ -7275,13 +7285,10 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        transcript: {
-            insertTranscript: (data: TranscriptData) => ReturnType;
+        videoEmbed: {
+            setVideoEmbed: (options: {
+                src: string;
+            }) => ReturnType;
         };
     }
 }
-
-
-declare namespace Calendar {
-    var displayName: string;
-}