@factorialco/f0-react 2.8.2 → 2.14.0

package/dist/{F0AiProposalCard-D47slp4X.js → F0AiProposalCard-DiAUglH2.js}

@@ -1,7 +1,7 @@
 import { jsxs as B, jsx as b, Fragment as yn } from "react/jsx-runtime";
 import * as _n from "react";
 import ct, { useInsertionEffect as FI, forwardRef as q, useEffect as Je, useState as ze, useCallback as ye, useRef as pe, useMemo as Ne, useId as Nv, Fragment as zI, createContext as fs, useContext as hs, useSyncExternalStore as Q_, createElement as HI } from "react";
-import { gQ as GI, gR as $I, gS as WI, gT as UI, gU as o8, gV as ZI, gW as YI, gX as XI, gY as jI, gZ as qI, g_ as s8, g$ as KI, h0 as JI, h1 as QI, h2 as eN, h3 as tN, h4 as rN, h5 as nN, h6 as fd, h7 as aN, h8 as iN, h9 as oN, fH as sN, ha as lN, hb as uN, a1 as Rv, fN as cN, hc as fN, hd as hN, he as dN, hf as vN, hg as l8, cD as pN, cE as gN, ab as u8, hh as mN, aN as yN, hi as _N, al as c8, bQ as wN, af as f8, ai as xN, eJ as bN, a9 as h8, a5 as CN, X as SN, a8 as d8, bc as LN, eM as TN, b4 as MN, bP as DN, a3 as Xc, az as AN, bh as r2, hj as kN, bN as EN, hk as bl, bJ as IN, hl as NN, ff as n2, b3 as RN, hm as PN, hn as VN, ho as ON, hp as BN, hq as v8, bB as FN, bC as zN, eA as HN, ez as GN, ey as $N, eB as WN, ex as UN, hr as ZN, hs as YN, ht as XN, f3 as p8, eE as jN, eF as qN, eG as KN, eK as D0, bO as JN, ag as QN, bx as g8, hu as eR, hv as tR, fO as rR, hw as nR, hx as aR, fF as m8, eH as iR, hy as oR, au as sR, f$ as y8, S as lR, a4 as uR, f_ as _8, eO as cR, hz as fR, bg as hR, bf as dR, hA as vR, eI as pR, hB as gR, hC as mR, b2 as yR, aD as _R, hD as w8, ax as wR, hE as xR, ba as bR, eN as CR, eC as SR, hF as LR, hG as TR, bn as x8, hH as MR, bL as DR, bK as AR, bM as kR, hI as ER, M as IR, L as NR, hJ as RR, hK as Cl, fE as PR, hL as VR, hM as OR, hN as BR, hO as FR, hP as zR, fG as b8, g4 as HR, eL as GR, ah as $R, hQ as WR, Q as A0, Y as le, ad as jc, u as St, aj as Mi, fA as e4, ae as C8, t as Ye, aM as S8, bG as UR, w as Gi, b1 as L8, W as Ar, hR as t4, hS as r4, gh as Np, gi as n4, hT as ZR, hU as YR, N as dn, fv as T8, bq as XR, hV as jR, hW as qR, bW as ll, fs as a2, ft as M8, hX as KR, fx as D8, gm as pr, bX as A8, fQ as JR, gn as Pn, gd as k8, bZ as i2, g6 as QR, A as hd, b_ as eP, cA as tP, aA as gl, b$ as rP, c0 as nP, fu as aP, hY as Ji, c5 as E8, c9 as I8, gp as N8, hZ as iP, h_ as oP, h$ as sP, bS as lP, O as uP, P as cP, V as fP, a_ as hP, fM as Rp, a0 as Pp, fI as dP, fJ as vP, U as pP, fK as gP, cv as o2, cq as s2, i0 as mP, aa as yP, g5 as _P, i1 as wP, i2 as xP, g as ds, g0 as bP, i3 as CP, f as R8, i4 as P8, d as V8, am as SP, c4 as LP, i5 as TP, i6 as MP, I as DP, i7 as AP, i8 as kP, gM as EP, i9 as IP, ia as NP, h as RP, b6 as PP, ib as VP, ic as OP, aV as O8, id as BP, ie as FP, ig as zP, ay as HP, ih as GP, aX as $P, ii as WP, aT as B8, K as UP, v as dd, ap as ZP, bp as YP, g7 as XP, bb as jP, by as qP, fk as KP, dM as JP, dO as QP, dF as eV, dJ as tV, ak as rV } from "./useDataCollectionSource-sTX19XjT.js";
+import { gT as GI, gU as $I, gV as WI, gW as UI, gX as o8, gY as ZI, gZ as YI, g_ as XI, g$ as jI, h0 as qI, h1 as s8, h2 as KI, h3 as JI, h4 as QI, h5 as eN, h6 as tN, h7 as rN, h8 as nN, h9 as fd, ha as aN, hb as iN, hc as oN, fL as sN, hd as lN, he as uN, a1 as Rv, fR as cN, hf as fN, hg as hN, hh as dN, hi as vN, hj as l8, cH as pN, cI as gN, ab as u8, hk as mN, aQ as yN, hl as _N, ao as c8, bT as wN, af as f8, al as xN, eN as bN, a9 as h8, a5 as CN, X as SN, a8 as d8, bf as LN, eQ as TN, b7 as MN, bS as DN, a3 as Xc, aC as AN, bk as r2, hm as kN, bQ as EN, hn as bl, bM as IN, ho as NN, fj as n2, b6 as RN, hp as PN, hq as VN, hr as ON, hs as BN, ht as v8, bE as FN, bF as zN, eE as HN, eD as GN, eC as $N, eF as WN, eB as UN, hu as ZN, hv as YN, hw as XN, f7 as p8, eI as jN, eJ as qN, eK as KN, eO as D0, bR as JN, aj as QN, bA as g8, hx as eR, hy as tR, fS as rR, hz as nR, hA as aR, fJ as m8, eL as iR, hB as oR, ax as sR, g3 as y8, S as lR, a4 as uR, g2 as _8, eS as cR, hC as fR, bj as hR, bi as dR, hD as vR, eM as pR, hE as gR, hF as mR, b5 as yR, aG as _R, hG as w8, aA as wR, hH as xR, bd as bR, eR as CR, eG as SR, hI as LR, hJ as TR, bq as x8, hK as MR, bO as DR, bN as AR, bP as kR, hL as ER, M as IR, L as NR, hM as RR, hN as Cl, fI as PR, hO as VR, hP as OR, hQ as BR, hR as FR, hS as zR, fK as b8, g8 as HR, eP as GR, ak as $R, hT as WR, Q as A0, Y as le, ad as jc, u as St, am as Mi, fE as e4, ae as C8, t as Ye, aP as S8, bJ as UR, w as Gi, b4 as L8, W as Ar, hU as t4, hV as r4, gk as Np, gl as n4, hW as ZR, hX as YR, N as dn, fz as T8, bt as XR, hY as jR, hZ as qR, b_ as ll, fw as a2, fx as M8, h_ as KR, fB as D8, gp as pr, b$ as A8, fU as JR, gq as Pn, gg as k8, c1 as i2, ga as QR, A as hd, c2 as eP, cE as tP, aD as gl, c3 as rP, c4 as nP, fy as aP, h$ as Ji, c9 as E8, cd as I8, gs as N8, ah as iP, ai as oP, i0 as sP, bV as lP, O as uP, P as cP, V as fP, b1 as hP, fQ as Rp, a0 as Pp, fM as dP, fN as vP, U as pP, fO as gP, cz as o2, cu as s2, i1 as mP, aa as yP, g9 as _P, i2 as wP, i3 as xP, g as ds, g4 as bP, i4 as CP, f as R8, i5 as P8, d as V8, ap as SP, c8 as LP, i6 as TP, i7 as MP, I as DP, i8 as AP, i9 as kP, gP as EP, ia as IP, ib as NP, h as RP, b9 as PP, ic as VP, id as OP, aY as O8, ie as BP, ig as FP, ih as zP, aB as HP, ii as GP, a_ as $P, ij as WP, aW as B8, K as UP, v as dd, as as ZP, bs as YP, gb as XP, be as jP, bB as qP, fo as KP, dQ as JP, dS as QP, dJ as eV, dN as tV, an as rV } from "./useDataCollectionSource-D5d-5KM1.js";
 import { utils as Ba, write as l2 } from "./xlsx-Bedf3nwD.js";
 import { useCopilotContext as nV, useCoAgent as F8 } from "@copilotkit/react-core";
 import { flushSync as aV } from "react-dom";
@@ -58534,6 +58534,7 @@ function Ide({
     showSearchBox: r.showSearchBox,
     searchBoxPlaceholder: r.searchBoxPlaceholder,
     icon: r.icon,
+    onCreate: r.onCreate,
     name: e.name,
     onBlur: e.onBlur,
     error: t,
@@ -58590,6 +58591,7 @@ function Nde({
     showSearchBox: r.showSearchBox,
     searchBoxPlaceholder: r.searchBoxPlaceholder,
     icon: r.icon,
+    onCreate: r.onCreate,
     name: e.name,
     onBlur: e.onBlur,
     error: t,
@@ -60705,7 +60707,7 @@ function fI(r) {
         Ue instanceof HTMLElement && (Ue.tagName === "BUTTON" || Ue.tagName === "INPUT" && Ue.type === "submit") || Ki(), K_(Ke);
       },
       className: Ye(
-        "flex flex-1 flex-col w-full mx-auto",
+        "flex flex-col w-full mx-auto",
         rI,
         u,
         f?.showSectionsSidepanel && "p-2 [&>div:last-child]:pb-6"
@@ -63725,6 +63727,7 @@ function Lpe(r, e) {
             id: a.id,
             sorting: a.id,
             ...a.width ? { width: a.width } : {},
+            ...a.info ? { info: a.info } : {},
             render: (i) => {
               const o = i[a.id];
               return o == null ? "-" : String(o);

package/dist/ai.d.ts

@@ -1004,6 +1004,12 @@ declare interface ChatDashboardColumn {
     label: string;
     /** Optional fixed width in pixels */
     width?: number;
+    /**
+     * Optional header tooltip explaining what the column represents — formula
+     * or aggregation if derived, source if direct. Forwarded to the underlying
+     * table column's `info` prop. Omit when the label is self-explanatory.
+     */
+    info?: string;
 }
 
 /**
@@ -2101,6 +2107,9 @@ export declare const defaultTranslations: {
         readonly noResults: "No results found";
         readonly loadingMore: "Loading...";
         readonly applySelection: "Apply selection";
+        readonly create: "Create";
+        readonly createWithValue: "Create \"{{value}}\"";
+        readonly createEmptyMessage: "Try another search or create a new item";
     };
     readonly numberInput: {
         readonly between: "It should be between {{min}} and {{max}}";
@@ -2176,6 +2185,7 @@ export declare const defaultTranslations: {
             readonly sectionDescriptionPlaceholder: "Describe the section in a few words";
             readonly required: "Required";
             readonly allowMultiSelection: "Allow multi-selection";
+            readonly allowCreate: "Allow creation";
             readonly singleSelection: "Single selection";
             readonly multiSelection: "Multi selection";
             readonly questionType: "Question type";

package/dist/ai.js

@@ -1,6 +1,6 @@
-import { d as o, l as r, k as e, F as t, a as n, C as i, b as d, m as C, n as F, e as l, h as m, I as u, g as h, c as A, i as D, u as c, j as v, f as I } from "./useDataCollectionSource-sTX19XjT.js";
+import { d as o, l as r, k as e, F as t, a as n, C as i, b as d, m as C, n as F, e as l, h as m, I as u, g as h, c as A, i as D, u as c, j as v, f as I } from "./useDataCollectionSource-D5d-5KM1.js";
 import { defaultTranslations as b } from "./i18n-provider-defaults.js";
-import { A as p, C as P, c as S, D as T, a as w, b as x, e as H, f as M, g as V, h as k, p as j, l as y, r as O, m as q, n as z, i as B, F as E, d as L, M as W, k as G, j as J, q as K, o as N, s as Q, u as R } from "./F0AiProposalCard-D47slp4X.js";
+import { A as p, C as P, c as S, D as T, a as w, b as x, e as H, f as M, g as V, h as k, p as j, l as y, r as O, m as q, n as z, i as B, F as E, d as L, M as W, k as G, j as J, q as K, o as N, s as Q, u as R } from "./F0AiProposalCard-DiAUglH2.js";
 export {
   p as AiChatTranslationsProvider,
   o as CanvasCard,

package/dist/experimental.d.ts

@@ -39,6 +39,7 @@ import { DotTagCellValue as DotTagCellValue_2 } from './experimental';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { Editor } from '@tiptap/react';
 import { EmployeeItemProps } 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';
@@ -1312,6 +1313,14 @@ declare type ButtonSize = (typeof buttonSizes)[number];
 
 declare const buttonSizes: readonly ["sm", "md", "lg"];
 
+export declare type ButtonToggleSize = (typeof buttonToggleSizes)[number];
+
+export declare const buttonToggleSizes: readonly ["sm", "md", "lg"];
+
+export declare type ButtonToggleVariant = (typeof buttonToggleVariants)[number];
+
+export declare const buttonToggleVariants: readonly ["compact", "expanded"];
+
 declare type ButtonType = (typeof buttonTypes)[number];
 
 declare const buttonTypes: readonly ["button", "submit", "reset"];
@@ -1729,6 +1738,12 @@ declare interface ChatDashboardColumn {
     label: string;
     /** Optional fixed width in pixels */
     width?: number;
+    /**
+     * Optional header tooltip explaining what the column represents — formula
+     * or aggregation if derived, source if direct. Forwarded to the underlying
+     * table column's `info` prop. Omit when the label is self-explanatory.
+     */
+    info?: string;
 }
 
 /**
@@ -3311,6 +3326,9 @@ declare const defaultTranslations: {
         readonly noResults: "No results found";
         readonly loadingMore: "Loading...";
         readonly applySelection: "Apply selection";
+        readonly create: "Create";
+        readonly createWithValue: "Create \"{{value}}\"";
+        readonly createEmptyMessage: "Try another search or create a new item";
     };
     readonly numberInput: {
         readonly between: "It should be between {{min}} and {{max}}";
@@ -3386,6 +3404,7 @@ declare const defaultTranslations: {
             readonly sectionDescriptionPlaceholder: "Describe the section in a few words";
             readonly required: "Required";
             readonly allowMultiSelection: "Allow multi-selection";
+            readonly allowCreate: "Allow creation";
             readonly singleSelection: "Single selection";
             readonly multiSelection: "Multi selection";
             readonly questionType: "Question type";
@@ -3678,7 +3697,7 @@ declare const DropdownMenuItem: React_2.ForwardRefExoticComponent<Omit<DropdownM
     inset?: boolean;
 } & React_2.RefAttributes<HTMLDivElement>>;
 
-declare type DropdownProps = Omit<DropdownInternalProps, (typeof privateProps_4)[number]> & {
+declare type DropdownProps = Omit<DropdownInternalProps, (typeof privateProps_5)[number]> & {
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
 } & WithDataTestIdProps;
@@ -4203,6 +4222,55 @@ declare type F0ButtonProps = Omit<ButtonInternalProps, (typeof privateProps)[num
     variant?: Exclude<ButtonInternalProps["variant"], "ai">;
 };
 
+export declare const F0ButtonToggle: WithDataTestIdReturnType_2<ForwardRefExoticComponent<F0ButtonToggleProps & RefAttributes<HTMLButtonElement>>>;
+
+declare type F0ButtonToggleInternalProps = {
+    /**
+     * The accessible label for the button.
+     */
+    label: string | [string, string];
+    /**
+     * Whether the button is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * The icon to display in the button. Can be a single icon or an array of two icons the first for the non-selected state and the second for the selected state.
+     */
+    icon: IconType | [IconType, IconType];
+    /**
+     * The size of the button.
+     * @default "md"
+     */
+    size?: ButtonToggleSize;
+    /**
+     * The variant of the button.
+     * @default "compact"
+     * "compact" - The button will only show the icon.
+     * "expanded" - The button will show the icon and the label.
+     */
+    variant?: ButtonToggleVariant;
+    /**
+     * @private
+     * Whether to show a border around the button toggle.
+     */
+    withBorder?: boolean;
+    /**
+     * @private
+     * Additional CSS class names to apply to the button root.
+     */
+    className?: string;
+} & ({
+    selected: boolean;
+    onSelectedChange: (selected: boolean) => void;
+    defaultSelected?: undefined;
+} | {
+    defaultSelected?: boolean;
+    selected?: undefined;
+    onSelectedChange?: undefined;
+});
+
+export declare type F0ButtonToggleProps = Omit<F0ButtonToggleInternalProps, (typeof privateProps_2)[number]>;
+
 export declare const F0Callout: ForwardRefExoticComponent<Omit<CalloutInternalProps & RefAttributes<HTMLDivElement> & WithDataTestIdProps_2, "ref"> & RefAttributes<HTMLDivElement>> & Pick<ForwardRefExoticComponent<CalloutInternalProps & RefAttributes<HTMLDivElement>>, never> & {
     Skeleton: ({ compact, variant }: CalloutSkeletonProps) => JSX_2.Element;
 };
@@ -4216,10 +4284,60 @@ declare interface F0IconProps extends SVGProps<SVGSVGElement>, VariantProps<type
     color?: "default" | "currentColor" | `#${string}` | Lowercase<NestedKeyOf<typeof f1Colors.icon>>;
 }
 
+/**
+ * @experimental This is an experimental component, use it at your own risk.
+ */
+export declare const F0SegmentedControl: {
+    ({ items, value, onChange, disabled, fullWidth, ariaLabel, ariaLabelledBy, }: F0SegmentedControlProps_2): JSX_2.Element;
+    displayName: string;
+};
+
+export declare interface F0SegmentedControlItem {
+    /** Unique value for this segment */
+    value: string;
+    /** Label displayed inside the segment */
+    label: string;
+    /** Optional icon shown before the label */
+    icon?: IconType;
+    /** Whether this specific segment is disabled */
+    disabled?: boolean;
+}
+
+export declare interface F0SegmentedControlProps {
+    /** The list of segments to render */
+    items: F0SegmentedControlItem[];
+    /** Currently selected value */
+    value?: string;
+    /** Callback fired when the selected segment changes */
+    onChange?: (value: string) => void;
+    /**
+     * Whether the control is disabled entirely.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Whether the control should expand to fill the container width.
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * Accessible name for the segmented control. The underlying ToggleGroup
+     * (single mode) renders as a `radiogroup`, which requires a name.
+     * Provide either `ariaLabel` or `ariaLabelledBy`.
+     */
+    ariaLabel?: string;
+    /**
+     * ID of an element that labels the segmented control. Use instead of
+     * `ariaLabel` when a visible label already exists in the DOM.
+     */
+    ariaLabelledBy?: string;
+}
+
 /**
  * Base props shared across all F0Select variants
  */
 declare type F0SelectBaseProps<T extends string, R = unknown> = {
+    onApply?: () => void;
     onChangeSelectedOption?: (option: F0SelectItemObject<T, ResolvedRecordType<R>> | undefined, checked: boolean) => void;
     children?: React.ReactNode;
     open?: boolean;
@@ -4231,6 +4349,8 @@ declare type F0SelectBaseProps<T extends string, R = unknown> = {
     searchEmptyMessage?: string;
     className?: string;
     actions?: Action[];
+    /** Callback to create a new item from the current search text. When provided, a "+ Create" button is shown in the empty state of the dropdown. */
+    onCreate?: (value: string) => Promise<void> | void;
     /** Container element to render the portal content into */
     portalContainer?: HTMLElement | null;
     /**
@@ -4340,6 +4460,10 @@ export declare type F0SelectTagProp = string | {
     type: "person";
     name: string;
     src?: string;
+} | {
+    type: "icon";
+    text: string;
+    icon: IconType;
 };
 
 /**
@@ -5156,7 +5280,7 @@ declare type InputInternalProps<T extends string> = Pick<ComponentProps<typeof I
     onPressEnter?: () => void;
 };
 
-export declare type InputProps<T extends string> = Omit<InputInternalProps<T>, (typeof privateProps_2)[number]>;
+export declare type InputProps<T extends string> = Omit<InputInternalProps<T>, (typeof privateProps_3)[number]>;
 
 declare interface InsertAfterNotesTextEditorPageDocumentPatch {
     type: "insert_after";
@@ -5749,7 +5873,7 @@ declare type NumberInputInternalProps = Omit<InputInternalProps<string>, "value"
     units?: string;
 };
 
-export declare type NumberInputProps = Omit<NumberInputInternalProps, (typeof privateProps_3)[number]>;
+export declare type NumberInputProps = Omit<NumberInputInternalProps, (typeof privateProps_4)[number]>;
 
 declare type Numeric = NumericValue | number | undefined | null;
 
@@ -5918,7 +6042,7 @@ export declare interface OneCalendarInternalProps {
     weekStartsOn?: WeekStartsOn;
 }
 
-export declare type OneCalendarProps = Omit<OneCalendarInternalProps, (typeof privateProps_5)[number]>;
+export declare type OneCalendarProps = Omit<OneCalendarInternalProps, (typeof privateProps_6)[number]>;
 
 export declare const OneDataCollection: OneDataCollectionGeneric;
 
@@ -6483,15 +6607,17 @@ export declare const PrivateBox: FC<PropsWithChildren>;
 
 declare const privateProps: readonly ["append", "className", "pressed", "compact", "noTitle", "noAutoTooltip", "style"];
 
-declare const privateProps_2: readonly ["buttonToggle"];
+declare const privateProps_2: readonly ["withBorder"];
 
 declare const privateProps_3: readonly ["buttonToggle"];
 
-declare const privateProps_4: readonly [];
+declare const privateProps_4: readonly ["buttonToggle"];
+
+declare const privateProps_5: readonly [];
 
-declare const privateProps_5: readonly ["compact"];
+declare const privateProps_6: readonly ["compact"];
 
-declare const privateProps_6: readonly ["delay"];
+declare const privateProps_7: readonly ["delay"];
 
 declare type ProductUpdate = {
     title: string;
@@ -7701,7 +7827,7 @@ declare type TooltipInternalProps = {
     description: string;
 });
 
-export declare type TooltipProps = Omit<TooltipInternalProps, (typeof privateProps_6)[number]>;
+export declare type TooltipProps = Omit<TooltipInternalProps, (typeof privateProps_7)[number]>;
 
 declare interface TopLevelAppendNotesTextEditorPageDocumentPatch {
     type: "top_level_append";