@factorialco/f0-react 8.36.1 → 8.37.0

package/dist/experimental.d.ts

@@ -1,7 +1,6 @@
 import { AiCalloutAction as AiCalloutAction_2 } from './types';
 import { AiCalloutFinding as AiCalloutFinding_2 } from './types';
 import { AiCalloutStatus as AiCalloutStatus_2 } from './types';
-import { AlertAvatarProps as AlertAvatarProps_2 } from './F0AvatarAlert';
 import { AlertTagCellValue } from './types/alertTag';
 import { AlertTagCellValue as AlertTagCellValue_2 } from './experimental';
 import { AmountCellValue } from './types/amount';
@@ -41,21 +40,6 @@ import { Dispatch } from 'react';
 import { DotTagCellValue } from './types/dotTag';
 import { DotTagCellValue as DotTagCellValue_2 } from './experimental';
 import { EmployeeItemProps } from './types';
-import { F0CommandPaletteProviderProps as F0CommandPaletteProviderProps_2 } from './types';
-import { F0EmojiPickerProps as F0EmojiPickerProps_2 } from './types';
-import { F0ENPSButtonProps as F0ENPSButtonProps_2 } from './types';
-import { F0LocationInputProps as F0LocationInputProps_2 } from './types';
-import { F0PhoneInputProps as F0PhoneInputProps_2 } from './types';
-import { F0ResizableHandleProps as F0ResizableHandleProps_2 } from './types';
-import { F0ResizablePanelProps as F0ResizablePanelProps_2 } from './types';
-import { F0ResizableProps as F0ResizableProps_2 } from './types';
-import { F0SegmentedControlProps as F0SegmentedControlProps_2 } from './types';
-import { F0SelectProps as F0SelectProps_2 } from './types';
-import { F0TagBalanceProps as F0TagBalanceProps_2 } from './types';
-import { F0TagCompanyProps } from './types';
-import { F0TagPersonProps } from './types';
-import { F0TagRawProps as F0TagRawProps_2 } from './types';
-import { F0TagTeamProps } from './types';
 import { f1Colors } from '@factorialco/f0-core';
 import { FC } from 'react';
 import { FileCellValue } from './types/file';
@@ -94,7 +78,6 @@ import { PopoverProps } from '@radix-ui/react-popover';
 import { ProgressBarCellValue } from './types/progressBar';
 import { ProgressBarCellValue as ProgressBarCellValue_2 } from './experimental';
 import { ProgressSeriesCellValue } from './types/progressSeries';
-import { Props as Props_5 } from './types';
 import { PropsWithChildren } from 'react';
 import { Provider } from 'react';
 import { RadarChartProps } from './RadarChart';
@@ -2733,7 +2716,7 @@ declare interface ChartComputation {
 /**
  * @experimental This is an experimental component use it at your own risk
  */
-export declare const ChartWidgetEmptyState: WithDataTestIdReturnType_3<ForwardRefExoticComponent<Props_6 & RefAttributes<HTMLDivElement>>>;
+export declare const ChartWidgetEmptyState: WithDataTestIdReturnType_3<ForwardRefExoticComponent<Props_5 & RefAttributes<HTMLDivElement>>>;
 
 declare interface ChatDashboardBarChartConfig extends ChatDashboardChartConfigBase {
     type: "bar";
@@ -2969,7 +2952,7 @@ declare interface ChatDashboardScatterChartConfig {
     xValueFormat?: FormatPreset;
 }
 
-export declare type ChatWidgetEmptyStateProps = Props_6;
+export declare type ChatWidgetEmptyStateProps = Props_5;
 
 declare type ChildrenPaginationInfo = {
     total: number;
@@ -7659,7 +7642,7 @@ declare interface F0AlertProps {
     onClose?: () => void;
 }
 
-declare const F0AvatarAlert: WithDataTestIdReturnType_3<({ type, size, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, }: AlertAvatarProps_2) => JSX_2.Element>;
+declare const F0AvatarAlert: WithDataTestIdReturnType_3<({ type, size, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, }: AlertAvatarProps) => JSX_2.Element>;
 
 declare type F0AvatarCompanyProps = {
     name: string;
@@ -7775,13 +7758,13 @@ declare type F0AvatarListPropsAvatars = {
     avatars: (Omit<FileAvatarVariant, "type"> & F0AvatarListExtras & Record<string, unknown>)[];
 };
 
-export declare const F0AvatarModule: WithDataTestIdReturnType_3<typeof F0AvatarModule_2>;
+export declare const F0AvatarModule: WithDataTestIdReturnType_3<typeof F0AvatarModuleBase>;
 
 /**
  * Module avatar
  * @description A component that displays a module avatar
  */
-declare function F0AvatarModule_2({ size, module, ...props }: F0AvatarModuleProps): JSX_2.Element;
+declare function F0AvatarModuleBase({ size, module, ...props }: F0AvatarModuleProps): JSX_2.Element;
 
 export declare type F0AvatarModuleProps = VariantProps<typeof moduleAvatarVariants> & {
     module: ModuleId;
@@ -9834,7 +9817,7 @@ export declare type F0CommandPaletteApi = {
 /**
  * @experimental This is an experimental API use it at your own risk
  */
-export declare const F0CommandPaletteProvider: ({ children, groups, recent, maxItemRows, reveal, onQueryChange, assistant, labels, onNavigate, shortcut, open: openProp, onOpenChange, }: F0CommandPaletteProviderProps_2) => JSX_2.Element;
+export declare const F0CommandPaletteProvider: ({ children, groups, recent, maxItemRows, reveal, onQueryChange, assistant, labels, onNavigate, shortcut, open: openProp, onOpenChange, }: F0CommandPaletteProviderProps) => JSX_2.Element;
 
 export declare type F0CommandPaletteProviderProps = {
     children: ReactNode;
@@ -10075,6 +10058,12 @@ declare type F0DialogPrimaryAction = {
     icon?: IconType;
     iconPosition?: "left" | "right";
     onClick: () => void | Promise<void>;
+    /**
+     * `critical` styles the button as destructive, for actions such as delete
+     * that cannot be undone.
+     * @default "default"
+     */
+    variant?: "default" | "critical";
     disabled?: boolean;
     /**
      * Tooltip shown on hover while the action is `disabled` — use it to explain
@@ -10130,7 +10119,7 @@ declare type F0DocumentKind = "pdf" | "sheet" | "docx" | "text";
  * @experimental This is an experimental component, use it at your own risk.
  */
 export declare const F0EmojiPicker: WithDataTestIdReturnType_3<    {
-({ label, value, defaultValue, onChange, clearable, disabled, locale, size, }: F0EmojiPickerProps_2): JSX_2.Element;
+({ label, value, defaultValue, onChange, clearable, disabled, locale, size, }: F0EmojiPickerProps): JSX_2.Element;
 displayName: string;
 }>;
 
@@ -10177,7 +10166,7 @@ export declare const f0EmojiPickerSizes: readonly ["sm", "md", "lg"];
  * @experimental This is an experimental component use it at your own risk
  */
 export declare const F0ENPSButton: WithDataTestIdReturnType_3<    {
-({ value, onChange, labels, icons, size, fullWidth, disabled, required, }: F0ENPSButtonProps_2): JSX_2.Element;
+({ value, onChange, labels, icons, size, fullWidth, disabled, required, }: F0ENPSButtonProps): JSX_2.Element;
 displayName: string;
 }>;
 
@@ -10453,7 +10442,7 @@ declare type F0LinkProps = Omit<ActionLinkProps, "variant" | "href"> & {
 };
 
 /** @experimental This is an experimental component, use it at your own risk. */
-export declare const F0LocationInput: ForwardRefExoticComponent<F0LocationInputProps_2 & RefAttributes<HTMLInputElement>>;
+export declare const F0LocationInput: ForwardRefExoticComponent<F0LocationInputProps & RefAttributes<HTMLInputElement>>;
 
 declare type F0LocationInputBaseProps = {
     label: string;
@@ -11879,7 +11868,7 @@ export declare type F0NumberInputProps = F0NumberInputBaseProps & {
 };
 
 /** @experimental This is an experimental component, use it at your own risk. */
-export declare const F0PhoneInput: ForwardRefExoticComponent<F0PhoneInputProps_2 & RefAttributes<HTMLInputElement>>;
+export declare const F0PhoneInput: ForwardRefExoticComponent<F0PhoneInputProps & RefAttributes<HTMLInputElement>>;
 
 export declare type F0PhoneInputChangeMeta = {
     /** Country resolved for the current value, e.g. `"es"` */
@@ -12047,13 +12036,13 @@ export declare type F0Rect = {
     height: number;
 };
 
-export declare const F0Resizable: ForwardRefExoticComponent<F0ResizableProps_2 & WithDataTestIdProps_3 & RefAttributes<unknown>> & Pick<({ direction, children, }: F0ResizableProps_2) => JSX_2.Element, never> & {
+export declare const F0Resizable: ForwardRefExoticComponent<F0ResizableProps & WithDataTestIdProps_3 & RefAttributes<unknown>> & Pick<({ direction, children, }: F0ResizableProps) => JSX_2.Element, never> & {
     Panel: {
-        (_props: F0ResizablePanelProps_2): never;
+        (_props: F0ResizablePanelProps): never;
         displayName: string;
     };
     Handle: {
-        (_props: F0ResizableHandleProps_2): never;
+        (_props: F0ResizableHandleProps): never;
         displayName: string;
     };
 };
@@ -12205,7 +12194,7 @@ export declare interface F0SegmentedBarProps extends WithDataTestIdProps {
  * @experimental This is an experimental component, use it at your own risk.
  */
 export declare const F0SegmentedControl: {
-    ({ items, value, onChange, disabled, fullWidth, hideLabels, ariaLabel, ariaLabelledBy, }: F0SegmentedControlProps_2): JSX_2.Element;
+    ({ items, value, onChange, disabled, fullWidth, hideLabels, ariaLabel, ariaLabelledBy, }: F0SegmentedControlProps): JSX_2.Element;
     displayName: string;
 };
 
@@ -12567,9 +12556,9 @@ export declare const F0TableOfContent: WithDataTestIdReturnType_3<typeof F0Table
 
 declare function F0TableOfContentInternal(props: TOCProps): JSX_2.Element;
 
-declare const F0TagAlert: WithDataTestIdReturnType_3<ForwardRefExoticComponent<Props_5 & RefAttributes<HTMLDivElement>>>;
+declare const F0TagAlert: WithDataTestIdReturnType_3<ForwardRefExoticComponent<Props_3 & RefAttributes<HTMLDivElement>>>;
 
-declare const F0TagBalance: WithDataTestIdReturnType_3<ForwardRefExoticComponent<F0TagBalanceProps_2 & RefAttributes<HTMLDivElement>>>;
+declare const F0TagBalance: WithDataTestIdReturnType_3<ForwardRefExoticComponent<F0TagBalanceProps & RefAttributes<HTMLDivElement>>>;
 
 declare type F0TagBalanceProps = {
     /**
@@ -12603,6 +12592,11 @@ declare type F0TagBalanceProps = {
 
 declare const F0TagCompany: WithDataTestIdReturnType_3<ForwardRefExoticComponent<F0TagCompanyProps & RefAttributes<HTMLDivElement>>>;
 
+declare interface F0TagCompanyProps {
+    name: string;
+    src?: string;
+}
+
 declare type F0TagListProps<T extends TagType_2> = {
     /**
      * The type of tags to display. Only one type can be used at a time.
@@ -12625,7 +12619,13 @@ declare type F0TagListProps<T extends TagType_2> = {
 
 declare const F0TagPerson: WithDataTestIdReturnType_3<ForwardRefExoticComponent<F0TagPersonProps & RefAttributes<HTMLDivElement>>>;
 
-declare const F0TagRaw: WithDataTestIdReturnType_3<ForwardRefExoticComponent<F0TagRawProps_2 & RefAttributes<HTMLDivElement>>>;
+declare type F0TagPersonProps = {
+    src?: string;
+    name: string;
+    deactivated?: boolean;
+};
+
+declare const F0TagRaw: WithDataTestIdReturnType_3<ForwardRefExoticComponent<F0TagRawProps & RefAttributes<HTMLDivElement>>>;
 
 declare type F0TagRawProps = {
     /**
@@ -12670,6 +12670,11 @@ declare interface F0TagStatusProps {
 
 declare const F0TagTeam: WithDataTestIdReturnType_3<ForwardRefExoticComponent<F0TagTeamProps & RefAttributes<HTMLDivElement>>>;
 
+declare interface F0TagTeamProps {
+    name: string;
+    src?: string;
+}
+
 /**
  * F0TextAreaInput is the writable multi-line text field for forms — a box
  * where the user types longer text spanning multiple lines (notes,
@@ -14349,7 +14354,7 @@ declare const inlineDismissReasons: readonly ["blur", "escape", "commit"];
  */
 export declare const Input: ForwardRefExoticComponent<Omit<F0TextInputProps, "ref"> & RefAttributes<HTMLInputElement>>;
 
-declare const Input_2: React_2.ForwardRefExoticComponent<Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "onChange" | "size"> & Pick<InputFieldProps<string>, "label" | "onChange" | "size" | "icon" | "role" | "onFocus" | "onBlur" | "transparent" | "status" | "loading" | "disabled" | "maxLength" | "required" | "hint" | "error" | "editing" | "variant" | "append" | "hideLabel" | "isEmpty" | "labelIcon" | "onClickContent" | "readonly" | "clearable" | "autocomplete" | "onClear" | "onBlurWithin" | "emptyValue" | "hideMaxLength" | "appendTag" | "lengthProvider" | "buttonToggle" | "inlineText"> & React_2.RefAttributes<HTMLInputElement>>;
+declare const Input_2: React_2.ForwardRefExoticComponent<Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "onChange" | "size"> & Pick<InputFieldProps<string>, "label" | "onChange" | "size" | "icon" | "role" | "onFocus" | "onBlur" | "status" | "transparent" | "loading" | "disabled" | "maxLength" | "required" | "hint" | "error" | "editing" | "variant" | "append" | "hideLabel" | "isEmpty" | "labelIcon" | "onClickContent" | "readonly" | "clearable" | "autocomplete" | "onClear" | "onBlurWithin" | "emptyValue" | "hideMaxLength" | "appendTag" | "lengthProvider" | "buttonToggle" | "inlineText"> & React_2.RefAttributes<HTMLInputElement>>;
 
 declare const INPUTFIELD_SIZES: readonly ["sm", "md"];
 
@@ -17183,14 +17188,6 @@ declare type PropertyDefinition_2<T> = {
 
 declare type Props = {} & Pick<BaseHeaderProps, "avatar" | "title" | "description" | "primaryAction" | "secondaryActions" | "otherActions" | "metadata" | "status" | "deactivated" | "metadataRowGap" | "compact" | "showBottomBorder" | "onClose">;
 
-declare type Props_10<Id extends string | number = string | number> = {
-    items: Omit<WidgetSimpleListItemProps<Id>, "onClick">[];
-    minSize?: number;
-    gap?: number;
-    onClickItem?: (id: Id) => void;
-    showAllItems?: boolean;
-};
-
 declare type Props_2 = {
     /** Main heading text */
     title: string;
@@ -17231,7 +17228,7 @@ declare type Props_4 = {
     customColor: string;
 });
 
-declare interface Props_6 {
+declare interface Props_5 {
     title: string;
     content: string;
     buttonLabel?: string;
@@ -17240,7 +17237,7 @@ declare interface Props_6 {
     type: Type;
 }
 
-declare type Props_7 = {
+declare type Props_6 = {
     label: string;
     icon: IconType;
     iconClassName?: string;
@@ -17248,7 +17245,7 @@ declare type Props_7 = {
     onClick?: () => void;
 };
 
-declare type Props_8<Id extends string | number = string | number> = {
+declare type Props_7<Id extends string | number = string | number> = {
     id: Id;
     module?: ModuleId;
     title: string;
@@ -17256,13 +17253,21 @@ declare type Props_8<Id extends string | number = string | number> = {
     onClick?: (id: Id) => void;
 };
 
-declare type Props_9<Id extends string | number = string | number> = {
+declare type Props_8<Id extends string | number = string | number> = {
     items: Omit<WidgetInboxListItemProps<Id>, "onClick">[];
     minSize?: number;
     onClickItem?: (id: Id) => void;
     showAllItems?: boolean;
 } & Pick<ComponentProps<typeof VerticalOverflowList>, "onVisibleItemsChange">;
 
+declare type Props_9<Id extends string | number = string | number> = {
+    items: Omit<WidgetSimpleListItemProps<Id>, "onClick">[];
+    minSize?: number;
+    gap?: number;
+    onClickItem?: (id: Id) => void;
+    showAllItems?: boolean;
+};
+
 declare type Pulse = (typeof pulses)[number];
 
 export declare type PulseDotVariant = (typeof pulseDotVariants)[number];
@@ -17752,7 +17757,7 @@ export declare type SegmentColorToken = `categorical-${1 | 2 | 3 | 4 | 5 | 6 | 7
 /**
  * @experimental This is an experimental component use it at your own risk
  */
-export declare const Select: <T extends string = string, R = unknown>(props: F0SelectProps_2<T, R> & {
+export declare const Select: <T extends string = string, R = unknown>(props: F0SelectProps<T, R> & {
     ref?: React.Ref<HTMLButtonElement>;
 }) => React.ReactElement;
 
@@ -20845,15 +20850,15 @@ export declare interface WidgetHeaderSelect {
     onChange?: (value: string) => void;
 }
 
-export declare function WidgetHighlightButton({ label, count, icon, iconClassName, onClick, }: Props_7): JSX_2.Element;
+export declare function WidgetHighlightButton({ label, count, icon, iconClassName, onClick, }: Props_6): JSX_2.Element;
 
-export declare function WidgetInboxList({ items, minSize, onClickItem, showAllItems, onVisibleItemsChange, }: Props_9): JSX_2.Element;
+export declare function WidgetInboxList({ items, minSize, onClickItem, showAllItems, onVisibleItemsChange, }: Props_8): JSX_2.Element;
 
-export declare function WidgetInboxListItem({ id, title, subtitle, onClick, module, }: Props_8): JSX_2.Element;
+export declare function WidgetInboxListItem({ id, title, subtitle, onClick, module, }: Props_7): JSX_2.Element;
 
-export declare type WidgetInboxListItemProps<Id extends string | number = string | number> = Props_8<Id>;
+export declare type WidgetInboxListItemProps<Id extends string | number = string | number> = Props_7<Id>;
 
-export declare type WidgetInboxListProps = Props_9;
+export declare type WidgetInboxListProps = Props_8;
 
 /**
  * What a user has CONFIGURED about a widget — the values of the fields its
@@ -20996,7 +21001,7 @@ children?: ReactNode | undefined;
 title?: string;
 } & RefAttributes<HTMLDivElement>>>;
 
-export declare function WidgetSimpleList({ items, gap, minSize, onClickItem, showAllItems, }: Props_10): JSX_2.Element;
+export declare function WidgetSimpleList({ items, gap, minSize, onClickItem, showAllItems, }: Props_9): JSX_2.Element;
 
 export declare function WidgetSimpleListItem({ id, title, alert, rawTag, count, icon, rightIcon, iconClassName, rightIconClassName, onClick, }: WidgetSimpleListItemProps): JSX_2.Element;
 
@@ -21013,7 +21018,7 @@ export declare type WidgetSimpleListItemProps<Id extends string | number = strin
     onClick?: (id: Id) => void;
 };
 
-export declare type WidgetSimpleListProps = Props_10;
+export declare type WidgetSimpleListProps = Props_9;
 
 export declare type WidgetSkeletonProps = {
     header?: {
@@ -21216,6 +21221,16 @@ declare namespace Calendar {
 }
 
 
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        fontSize: {
+            setFontSize: (fontSize: string) => ReturnType;
+            unsetFontSize: () => ReturnType;
+        };
+    }
+}
+
+
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         aiBlock: {
@@ -21240,9 +21255,8 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        fontSize: {
-            setFontSize: (fontSize: string) => ReturnType;
-            unsetFontSize: () => ReturnType;
+        moodTracker: {
+            insertMoodTracker: (data: MoodTrackerData) => ReturnType;
         };
     }
 }
@@ -21261,8 +21275,8 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        moodTracker: {
-            insertMoodTracker: (data: MoodTrackerData) => ReturnType;
+        transcript: {
+            insertTranscript: (data: TranscriptData) => ReturnType;
         };
     }
 }
@@ -21279,15 +21293,6 @@ declare module "@tiptap/core" {
 }
 
 
-declare module "@tiptap/core" {
-    interface Commands<ReturnType> {
-        transcript: {
-            insertTranscript: (data: TranscriptData) => ReturnType;
-        };
-    }
-}
-
-
 declare namespace F0GraphNodeWrapperInner {
     var displayName: string;
 }