@factorialco/f0-react 6.5.0 → 6.6.0

package/dist/experimental.d.ts

@@ -11998,9 +11998,11 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        fontSize: {
-            setFontSize: (fontSize: string) => ReturnType;
-            unsetFontSize: () => ReturnType;
+        enhanceHighlight: {
+            setEnhanceHighlight: (from: number, to: number, options?: {
+                placeholder?: string;
+            }) => ReturnType;
+            clearEnhanceHighlight: () => ReturnType;
         };
     }
 }
@@ -12008,11 +12010,9 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        enhanceHighlight: {
-            setEnhanceHighlight: (from: number, to: number, options?: {
-                placeholder?: string;
-            }) => ReturnType;
-            clearEnhanceHighlight: () => ReturnType;
+        fontSize: {
+            setFontSize: (fontSize: string) => ReturnType;
+            unsetFontSize: () => ReturnType;
         };
     }
 }

package/dist/experimental.js

@@ -3,8 +3,8 @@ import { cX as a1, cW as s1, d7 as l1, cT as c1, cU as d1, cN as u1, cO as f1, c
 import { jsx as n, jsxs as h, Fragment as Ae } from "react/jsx-runtime";
 import Y, { forwardRef as Oe, useRef as O, useTransition as bu, useState as B, useLayoutEffect as Hn, useId as Ln, useContext as zt, createContext as ht, useEffect as q, useCallback as U, useMemo as de, Fragment as _t, isValidElement as vu, cloneElement as hs, Suspense as Er, lazy as sn, createElement as or, memo as ps, Children as gs } from "react";
 import { d as k, T as xu, a as yu, b as wu, f as Ye, c as Nu, u as Cu } from "./tooltip-Cik7KBQT.js";
-import { C as Iu, P as ku, E as Su, a as Uo, b as Wn, M as Tu, p as Ru, c as Eu, R as Ri, e as bs, u as Lu, f as zu, g as Fu, h as Au, i as Pu, j as Mu, O as vs, k as xs, S as Ou, A as Du, B as Bu, L as _u, l as $u, V as Hu, m as Wu, n as ju, o as Uu } from "./index-C5uJNrqj.js";
-import { a5 as D1, a6 as B1, v as _1, w as $1, s as H1, N as W1, x as j1, H as U1, ag as V1, K as G1, t as K1, a3 as q1, ai as Y1, ah as X1, X as J1, al as Q1, F as Z1, a0 as ey, Z as ty, T as ny, an as ry, U as oy, a1 as iy, a2 as ay, y as sy, aj as ly, ak as cy, W as dy, a4 as uy, ad as fy, af as my, z as hy, G as py, I as gy, _ as by, am as vy, $ as xy, Y as yy, ao as wy, D as Ny, J as Cy, q as Iy, r as ky, a9 as Sy, aa as Ty, a7 as Ry, ae as Ey, Q as Ly, ab as zy, a8 as Fy, ac as Ay } from "./index-C5uJNrqj.js";
+import { C as Iu, P as ku, E as Su, a as Uo, b as Wn, M as Tu, p as Ru, c as Eu, R as Ri, e as bs, u as Lu, f as zu, g as Fu, h as Au, i as Pu, j as Mu, O as vs, k as xs, S as Ou, A as Du, B as Bu, L as _u, l as $u, V as Hu, m as Wu, n as ju, o as Uu } from "./index-GMJbBTvj.js";
+import { a5 as D1, a6 as B1, v as _1, w as $1, s as H1, N as W1, x as j1, H as U1, ag as V1, K as G1, t as K1, a3 as q1, ai as Y1, ah as X1, X as J1, al as Q1, F as Z1, a0 as ey, Z as ty, T as ny, an as ry, U as oy, a1 as iy, a2 as ay, y as sy, aj as ly, ak as cy, W as dy, a4 as uy, ad as fy, af as my, z as hy, G as py, I as gy, _ as by, am as vy, $ as xy, Y as yy, ao as wy, D as Ny, J as Cy, q as Iy, r as ky, a9 as Sy, aa as Ty, a7 as Ry, ae as Ey, Q as Ly, ab as zy, a8 as Fy, ac as Ay } from "./index-GMJbBTvj.js";
 import Vu from "react-dom";
 const Gu = hc("Search", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
@@ -7899,7 +7899,7 @@ const fl = () => Ut(ol, "useChatJump"), Jh = () => Ut(il, "useChatHighlightedId"
 }, Pr = (e, t) => {
   const r = document.createElement("a");
   r.href = e, r.download = t, r.rel = "noreferrer", r.click();
-}, tp = sn(() => import("./ChatPdfThumbnail-DyDN7a-p.js")), np = sn(() => import("./ChatSheetThumbnail-BvnxT-4A.js")), rp = sn(() => import("./ChatDocxThumbnail-DzNPNFya.js")), op = sn(() => import("./ChatTextThumbnail-yVt_iYi7.js")), ip = 288, ap = 160, sp = (e) => {
+}, tp = sn(() => import("./ChatPdfThumbnail-D64TOT76.js")), np = sn(() => import("./ChatSheetThumbnail-BvnxT-4A.js")), rp = sn(() => import("./ChatDocxThumbnail-DzNPNFya.js")), op = sn(() => import("./ChatTextThumbnail-yVt_iYi7.js")), ip = 288, ap = 160, sp = (e) => {
   const [t, r] = B(!1);
   return q(() => {
     const o = e.current;
@@ -9942,7 +9942,7 @@ const kp = {
     ] })
   ] }) });
 }, Dp = sn(
-  () => import("./index-Cdvq3ahA.js").then((e) => e.i).then((e) => ({
+  () => import("./index-BW-Go-y_.js").then((e) => e.i).then((e) => ({
     default: e.F0PdfViewer
   }))
 ), Bp = () => {

package/dist/f0.d.ts

@@ -10439,6 +10439,23 @@ export declare type F0FormFieldProps = F0FormFieldFileProps | F0FormFieldNonFile
  */
 export declare type F0FormLikeComponent = React.ComponentType<F0FormCommonProps>;
 
+/**
+ * Styling configuration for per-section schema forms.
+ * Extends the base config with options that only apply when each section
+ * has its own independent schema and submit button.
+ */
+declare interface F0FormPerSectionStylingConfig extends F0FormStylingConfig {
+    /**
+     * Renders only the section selected in the sidepanel instead of stacking
+     * all sections. Useful for large forms where showing every section at once
+     * is overwhelming. Hidden sections stay mounted so their values, dirty
+     * state, and validation are preserved.
+     * Has no effect unless `showSectionsSidepanel` is true.
+     * @default false
+     */
+    showOnlySelectedSection?: boolean;
+}
+
 /**
  * Union of all F0Form prop variants.
  * The component detects the mode based on whether `schema` is a single Zod schema
@@ -10481,7 +10498,7 @@ declare interface F0FormPropsWithDefinition {
 export declare interface F0FormPropsWithPerSectionDefinition<T extends F0PerSectionSchema> {
     formDefinition: F0FormDefinitionPerSection_2<T>;
     className?: string;
-    styling?: F0FormStylingConfig;
+    styling?: F0FormPerSectionStylingConfig;
     formRef?: React.MutableRefObject<F0FormRef | null>;
     initialFiles?: InitialFile[];
     /** Upload hook shared by all file fields in the form. */
@@ -10529,7 +10546,7 @@ export declare interface F0FormPropsWithPerSectionSchema<T extends F0PerSectionS
     /**
      * Styling configuration for form layout and appearance.
      */
-    styling?: F0FormStylingConfig;
+    styling?: F0FormPerSectionStylingConfig;
     /**
      * Ref to control the form programmatically from outside.
      */
@@ -10739,7 +10756,9 @@ declare type F0FormStateCallback = (state: {
  */
 export declare interface F0FormStylingConfig {
     /**
-     * Shows a sidebar with section navigation (Table of Contents)
+     * Shows a sidebar with section navigation (Table of Contents).
+     * Automatically hidden on small viewports (max-width 560px), where
+     * sections stack as in the regular layout.
      * @default false
      */
     showSectionsSidepanel?: boolean;
@@ -19286,9 +19305,11 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        fontSize: {
-            setFontSize: (fontSize: string) => ReturnType;
-            unsetFontSize: () => ReturnType;
+        enhanceHighlight: {
+            setEnhanceHighlight: (from: number, to: number, options?: {
+                placeholder?: string;
+            }) => ReturnType;
+            clearEnhanceHighlight: () => ReturnType;
         };
     }
 }
@@ -19296,11 +19317,9 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        enhanceHighlight: {
-            setEnhanceHighlight: (from: number, to: number, options?: {
-                placeholder?: string;
-            }) => ReturnType;
-            clearEnhanceHighlight: () => ReturnType;
+        fontSize: {
+            setFontSize: (fontSize: string) => ReturnType;
+            unsetFontSize: () => ReturnType;
         };
     }
 }

package/dist/f0.js

@@ -7,12 +7,12 @@ import { D as r5, E as n5, G as i5, H as Dd, I as Pb, J as FN, K as GN, L as Qn,
 import { A as yve, C as _ve, t as bve, s as xve, v as wve, y as Sve, l as Cve, i as Tve, q as Dve, z as Ave, B as Mve, p as Eve, r as Lve, j as Nve, e as Ive, g as kve, k as Pve, T as Rve, w as Ove, h as Bve, a as zve, n as Vve, m as Fve, o as Gve, b as Hve, f as Wve, x as Uve, c as $ve, d as Yve, u as Xve } from "./F0AiProcessingOverlay-BkfsZ5Iy.js";
 import { d as ee, u as ff, h as f5, i as tl, P as hf, g as ql, j as h5, f as Ga } from "./tooltip-Cik7KBQT.js";
 import { createPortal as np } from "react-dom";
-import { C as d5, ap as v5, aq as p5, ar as g5, as as Ow, at as m5, au as y5, av as _5, aw as b5, ax as x5, ay as w5, az as S5, j as C5, F as HN, aA as T5, aB as D5, aC as A5, aD as M5, aE as E5, aF as WN, aG as L5, aH as ip, aI as Za, aJ as N5, aK as Rb, aL as Ob, K as I5, aM as k5, aN as xs, aO as UN, aP as P5, aQ as R5, aR as O5, aS as B5, aT as z5, aU as V5, a0 as F5, ag as G5, aV as H5, X as W5, E as U5, a as $5, e as ap, R as Bb, u as zb, _ as $N, O as Vb, aW as YN, aX as Bw, aY as Fb, s as Y5, f as XN, a4 as qN, aZ as X5, a_ as q5, a$ as Z5, b0 as j5, M as K5 } from "./index-C5uJNrqj.js";
-import { v as Zve, w as jve, N as Kve, x as Qve, H as Jve, bm as epe, bl as tpe, bf as rpe, b2 as npe, b1 as ipe, b3 as ape, b4 as ope, b6 as spe, b7 as lpe, ai as upe, ah as cpe, al as fpe, Z as hpe, T as dpe, an as vpe, U as ppe, y as gpe, bn as mpe, aj as ype, ak as _pe, W as bpe, z as xpe, P as wpe, G as Spe, I as Cpe, am as Tpe, Y as Dpe, ao as Ape, D as Mpe, J as Epe, bp as Lpe, q as Npe, r as Ipe, be as kpe, bj as Ppe, bj as Rpe, bk as Ope, ba as Bpe, b9 as zpe, bo as Vpe, ae as Fpe, bc as Gpe, bd as Hpe, Q as Wpe, bq as Upe, br as $pe, g as Ype, bg as Xpe, bh as qpe, bi as Zpe, b5 as jpe, bb as Kpe, h as Qpe, k as Jpe, b8 as ege, bs as tge } from "./index-C5uJNrqj.js";
+import { C as d5, ap as v5, aq as p5, ar as g5, as as Ow, at as m5, au as y5, av as _5, aw as b5, ax as x5, ay as w5, az as S5, j as C5, F as HN, aA as T5, aB as D5, aC as A5, aD as M5, aE as E5, aF as WN, aG as L5, aH as ip, aI as Za, aJ as N5, aK as Rb, aL as Ob, K as I5, aM as k5, aN as xs, aO as UN, aP as P5, aQ as R5, aR as O5, aS as B5, aT as z5, aU as V5, a0 as F5, ag as G5, aV as H5, X as W5, E as U5, a as $5, e as ap, R as Bb, u as zb, _ as $N, O as Vb, aW as YN, aX as Bw, aY as Fb, s as Y5, f as XN, a4 as qN, aZ as X5, a_ as q5, a$ as Z5, b0 as j5, M as K5 } from "./index-GMJbBTvj.js";
+import { v as Zve, w as jve, N as Kve, x as Qve, H as Jve, bm as epe, bl as tpe, bf as rpe, b2 as npe, b1 as ipe, b3 as ape, b4 as ope, b6 as spe, b7 as lpe, ai as upe, ah as cpe, al as fpe, Z as hpe, T as dpe, an as vpe, U as ppe, y as gpe, bn as mpe, aj as ype, ak as _pe, W as bpe, z as xpe, P as wpe, G as Spe, I as Cpe, am as Tpe, Y as Dpe, ao as Ape, D as Mpe, J as Epe, bp as Lpe, q as Npe, r as Ipe, be as kpe, bj as Ppe, bj as Rpe, bk as Ope, ba as Bpe, b9 as zpe, bo as Vpe, ae as Fpe, bc as Gpe, bd as Hpe, Q as Wpe, bq as Upe, br as $pe, g as Ype, bg as Xpe, bh as qpe, bi as Zpe, b5 as jpe, bb as Kpe, h as Qpe, k as Jpe, b8 as ege, bs as tge } from "./index-GMJbBTvj.js";
 import { l as jy, c as ZN, d as Ad, r as Ky } from "./F0VideoPlayer-FW15Bsth.js";
 import { F as nge } from "./F0VideoPlayer-FW15Bsth.js";
-import { F as age, p as oge } from "./index-Cdvq3ahA.js";
-import { c as lge } from "./pdfWorker-CDTHY8xz.js";
+import { F as age, p as oge } from "./index-BW-Go-y_.js";
+import { c as lge } from "./pdfWorker-M-OJp-Of.js";
 import { g as Q5 } from "./_commonjsHelpers-ByX85dGu.js";
 import { utils as vl, write as jN } from "./xlsx-CzlURDDb.js";
 import { defaultTranslations as cge } from "./i18n-provider-defaults.js";

package/dist/i18n-provider-defaults.d.ts

@@ -1118,9 +1118,11 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        fontSize: {
-            setFontSize: (fontSize: string) => ReturnType;
-            unsetFontSize: () => ReturnType;
+        enhanceHighlight: {
+            setEnhanceHighlight: (from: number, to: number, options?: {
+                placeholder?: string;
+            }) => ReturnType;
+            clearEnhanceHighlight: () => ReturnType;
         };
     }
 }
@@ -1128,11 +1130,9 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        enhanceHighlight: {
-            setEnhanceHighlight: (from: number, to: number, options?: {
-                placeholder?: string;
-            }) => ReturnType;
-            clearEnhanceHighlight: () => ReturnType;
+        fontSize: {
+            setFontSize: (fontSize: string) => ReturnType;
+            unsetFontSize: () => ReturnType;
         };
     }
 }

package/dist/{index-Cdvq3ahA.js → index-BW-Go-y_.js}

@@ -1,7 +1,7 @@
 import { S as L, m as ye, u as Z, n as Se, o as Re, i as ke, j as _e, k as Ne, q as Ce, l as Le, w as Fe, r as Ve, s as Te } from "./F0CanvasPanel-C6qzM_nP.js";
 import { jsx as t, jsxs as y } from "react/jsx-runtime";
 import { lazy as J, forwardRef as ne, Suspense as He, useState as V, useRef as A, useMemo as te, useCallback as w, useEffect as T } from "react";
-import { e as Ee, D as Ue, P as je, c as De } from "./pdfWorker-CDTHY8xz.js";
+import { e as Ee, D as Ue, P as je, c as De } from "./pdfWorker-M-OJp-Of.js";
 import { F as We } from "./Printer-BD-FEi_2.js";
 import { d as ae } from "./tooltip-Cik7KBQT.js";
 import './index.css';const Oe = ({
@@ -222,7 +222,7 @@ import './index.css';const Oe = ({
   }), i;
 };
 Ee();
-const qe = J(() => import("./SheetViewer-CqS4McZP.js")), Ge = J(() => import("./DocxViewer-Dl3crfqU.js")), Ze = J(() => import("./TextViewer-CnSGe6Lw.js")), oe = 48, se = ne(
+const qe = J(() => import("./SheetViewer-DLlvoFk3.js")), Ge = J(() => import("./DocxViewer-K910aw8q.js")), Ze = J(() => import("./TextViewer-CUtAVCh5.js")), oe = 48, se = ne(
   (o, a) => {
     const { kind: e = "pdf", mimeType: i, ...l } = o;
     if (e === "pdf") return /* @__PURE__ */ t(le, { ref: a, ...l });