@factorialco/f0-react 1.362.2 → 1.363.0

package/dist/ai.d.ts

@@ -1157,11 +1157,6 @@ declare module "gridstack" {
 }
 
 
-declare namespace Calendar {
-    var displayName: string;
-}
-
-
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         aiBlock: {
@@ -1198,3 +1193,8 @@ declare module "@tiptap/core" {
         };
     }
 }
+
+
+declare namespace Calendar {
+    var displayName: string;
+}

package/dist/experimental.d.ts

@@ -6627,11 +6627,6 @@ declare module "gridstack" {
 }
 
 
-declare namespace Calendar {
-    var displayName: string;
-}
-
-
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         aiBlock: {
@@ -6668,3 +6663,8 @@ declare module "@tiptap/core" {
         };
     }
 }
+
+
+declare namespace Calendar {
+    var displayName: string;
+}

package/dist/experimental.js

@@ -3,8 +3,8 @@ import { eH as RL, eG as FL, eF as ML, eM as PL, eN as zL, eJ as $L, eI as jL, e
 import { jsx as l, jsxs as g, Fragment as ee } from "react/jsx-runtime";
 import * as Fe from "react";
 import Q, { createContext as Pt, forwardRef as J, useRef as W, useEffect as V, useContext as zt, PureComponent as o0, useTransition as l0, useState as F, useLayoutEffect as Gn, useId as Al, useCallback as ne, useMemo as z, useImperativeHandle as Lu, memo as is, Fragment as Mn, isValidElement as Ou, cloneElement as Tl, createElement as Oa, Children as Ru } from "react";
-import { f as En, aO as fr, j as Ur, aP as a0, b as $s, aQ as c0, A as d0, d as Gr, i as u0, m as f0, G as h0, g as Ra, aR as m0, l as Fa, aS as p0, p as g0, aT as Fu, aU as Mu, aV as b0, aW as xo, C as v0, aH as x0, ak as Pn, D as Me, aX as mt, aY as Nt, aZ as Ue, a_ as y0, a$ as li, b0 as it, b1 as Pu, b2 as Qe, b3 as El, b4 as ct, b5 as Ma, b6 as w0, b7 as zu, b8 as Be, b9 as Ze, ba as hr, bb as Ii, bc as $u, bd as k0, be as gn, bf as C0, bg as N0, bh as S0, bi as ss, bj as os, bk as Dl, bl as I0, bm as ju, bn as Bu, bo as Hu, bp as A0, bq as Vu, br as Wu, bs as Uu, bt as Gu, bu as qu, bv as Ku, bw as yo, bx as T0, by as E0, bz as D0, bA as _0, t as L0, x as O0, y as R0, F as F0, M as Pa, N as za, O as M0, P as P0, a3 as z0, a4 as $0, bB as j0, bC as B0, a6 as H0, ah as V0, a8 as W0, a9 as U0, bD as G0, aa as q0, ab as K0, ac as J0, ag as Y0, af as Q0, bE as Ju, bF as X0, bG as Z0, bH as ev, aC as _l, at as Ll, bI as Ol, bJ as Yu, as as wo, bK as tv, bL as nv, ar as Qu, a2 as Or, an as rv, bM as iv, bN as sv, bO as ov, aw as Rl, bP as lv, aL as av, bQ as ko, bR as cv, bS as Ai, bT as dv, aM as uv, bU as fv, aK as Xu, aJ as hv, aI as mv, bV as pv, bW as gv, bX as bv, bY as vv, bZ as xv, b_ as yv, b$ as wv, c0 as kv, c1 as Cv, c2 as Nv, c3 as Sv, c4 as Iv, c5 as Av, c6 as Tv, c7 as Ev, aN as Zu, aA as ef, c8 as Dv, R as _v, T as Lv, V as Ov, W as Rv, Z as Fv, U as Mv, c9 as $a, ca as Pv, cb as zv, n as $v } from "./DataCollectionStorageProvider-buKfoPNx.js";
-import { ao as UL, cc as GL, ad as qL, aj as KL, ai as JL, cg as YL, cf as QL, cd as XL, ce as ZL, a5 as eO, ae as tO, ax as nO, ay as rO } from "./DataCollectionStorageProvider-buKfoPNx.js";
+import { f as En, aO as fr, j as Ur, aP as a0, b as $s, aQ as c0, A as d0, d as Gr, i as u0, m as f0, G as h0, g as Ra, aR as m0, l as Fa, aS as p0, p as g0, aT as Fu, aU as Mu, aV as b0, aW as xo, C as v0, aH as x0, ak as Pn, D as Me, aX as mt, aY as Nt, aZ as Ue, a_ as y0, a$ as li, b0 as it, b1 as Pu, b2 as Qe, b3 as El, b4 as ct, b5 as Ma, b6 as w0, b7 as zu, b8 as Be, b9 as Ze, ba as hr, bb as Ii, bc as $u, bd as k0, be as gn, bf as C0, bg as N0, bh as S0, bi as ss, bj as os, bk as Dl, bl as I0, bm as ju, bn as Bu, bo as Hu, bp as A0, bq as Vu, br as Wu, bs as Uu, bt as Gu, bu as qu, bv as Ku, bw as yo, bx as T0, by as E0, bz as D0, bA as _0, t as L0, x as O0, y as R0, F as F0, M as Pa, N as za, O as M0, P as P0, a3 as z0, a4 as $0, bB as j0, bC as B0, a6 as H0, ah as V0, a8 as W0, a9 as U0, bD as G0, aa as q0, ab as K0, ac as J0, ag as Y0, af as Q0, bE as Ju, bF as X0, bG as Z0, bH as ev, aC as _l, at as Ll, bI as Ol, bJ as Yu, as as wo, bK as tv, bL as nv, ar as Qu, a2 as Or, an as rv, bM as iv, bN as sv, bO as ov, aw as Rl, bP as lv, aL as av, bQ as ko, bR as cv, bS as Ai, bT as dv, aM as uv, bU as fv, aK as Xu, aJ as hv, aI as mv, bV as pv, bW as gv, bX as bv, bY as vv, bZ as xv, b_ as yv, b$ as wv, c0 as kv, c1 as Cv, c2 as Nv, c3 as Sv, c4 as Iv, c5 as Av, c6 as Tv, c7 as Ev, aN as Zu, aA as ef, c8 as Dv, R as _v, T as Lv, V as Ov, W as Rv, Z as Fv, U as Mv, c9 as $a, ca as Pv, cb as zv, n as $v } from "./DataCollectionStorageProvider-Hpk54uGn.js";
+import { ao as UL, cc as GL, ad as qL, aj as KL, ai as JL, cg as YL, cf as QL, cd as XL, ce as ZL, a5 as eO, ae as tO, ax as nO, ay as rO } from "./DataCollectionStorageProvider-Hpk54uGn.js";
 import './experimental.css';function tf(t, e) {
   const n = Hd(e()), r = () => n.set(e());
   return r(), Wp(() => {
@@ -11467,12 +11467,6 @@ const yN = oe("Reactions", xN), zc = (t) => {
               stopPropagation: !0,
               href: "#",
               children: n.title
-            }), l("span", {
-              className: "hidden text-f1-foreground-secondary md:inline",
-              children: "·"
-            }), l("span", {
-              className: "text-f1-foreground-secondary",
-              children: x
             })]
           }), g("div", {
             className: "flex flex-row gap-2",
@@ -11485,7 +11479,8 @@ const yN = oe("Reactions", xN), zc = (t) => {
                 variant: "outline",
                 size: "md",
                 onClick: S.onClick,
-                label: S.label
+                label: S.label,
+                title: S.label
               }, S.label)), p?.length && l(Me, {
                 items: p,
                 icon: Ni,
@@ -11503,6 +11498,9 @@ const yN = oe("Reactions", xN), zc = (t) => {
               })
             })]
           })]
+        }), l("span", {
+          className: "-mt-3 text-sm text-f1-foreground-secondary",
+          children: x
         }), g("div", {
           className: "flex flex-col gap-1 text-f1-foreground",
           children: [l("p", {

package/dist/f0.d.ts

@@ -106,6 +106,7 @@ import { TrackReferenceOrPlaceholder } from '@livekit/components-react';
 import { ValueDisplayRendererContext } from '../../../ui/value-display';
 import { VariantProps } from 'cva';
 import { z } from 'zod';
+import { ZodEffects } from 'zod';
 import { ZodRawShape } from 'zod';
 import { ZodTypeAny } from 'zod';
 
@@ -3415,28 +3416,78 @@ declare type F0CustomFieldConfigWithConfig<TValue = unknown, TConfig = unknown>
 /**
  * F0 config options specific to date fields
  *
- * Note: `minDate`, `maxDate`, and `clearable` are derived from the Zod schema:
+ * Note: `clearable` is derived from the Zod schema:
+ * - `z.date().optional()` or `z.date().nullable()` → clearable
+ *
+ * Static minDate/maxDate can also be derived from the Zod schema:
  * - `z.date().min(date)` → minDate
  * - `z.date().max(date)` → maxDate
- * - `z.date().optional()` or `z.date().nullable()` → clearable
+ *
+ * For dynamic constraints based on other fields, use function syntax:
+ * @example
+ * ```ts
+ * endDate: f0FormField(z.date(), {
+ *   label: "End Date",
+ *   minDate: ({ values }) => values.startDate, // Dynamic: after start date
+ * })
+ * ```
  */
 export declare interface F0DateConfig {
     /** Available granularities for the date picker */
     granularities?: DateGranularity[];
     /** Preset date options to display */
     presets?: DatePreset[];
+    /**
+     * Minimum selectable date.
+     * Can be a static Date or a function that receives form values for dynamic constraints.
+     * Overrides z.date().min() if provided.
+     * @example
+     * // Static constraint
+     * minDate: new Date("2024-01-01")
+     *
+     * // Dynamic constraint based on another field
+     * minDate: ({ values }) => values.startDate
+     */
+    minDate?: F0DateConstraintProp;
+    /**
+     * Maximum selectable date.
+     * Can be a static Date or a function that receives form values for dynamic constraints.
+     * Overrides z.date().max() if provided.
+     * @example
+     * // Static constraint
+     * maxDate: new Date("2025-12-31")
+     *
+     * // Dynamic constraint based on another field
+     * maxDate: ({ values }) => values.endDate
+     */
+    maxDate?: F0DateConstraintProp;
 }
 
+/**
+ * Function type for dynamic date constraint evaluation based on form values.
+ * Used for minDate/maxDate that depend on other field values.
+ *
+ * @example
+ * ```ts
+ * // End date must be after start date
+ * minDate: ({ values }) => values.startDate
+ * ```
+ */
+declare type F0DateConstraintFunction = (context: {
+    values: Record<string, unknown>;
+}) => Date | undefined;
+
+/**
+ * Date constraint can be a static Date or a function that receives form values
+ */
+declare type F0DateConstraintProp = Date | F0DateConstraintFunction;
+
 /**
  * Date field with all properties for rendering
  * Includes properties derived from Zod schema
  */
 export declare type F0DateField = F0BaseField & F0DateConfig & {
     type: "date";
-    /** Minimum selectable date (derived from z.date().min()) */
-    minDate?: Date;
-    /** Maximum selectable date (derived from z.date().max()) */
-    maxDate?: Date;
     /** Whether the date can be cleared (derived from optional/nullable) */
     clearable?: boolean;
     /** Conditional rendering based on another field's value */
@@ -3509,9 +3560,7 @@ export declare type F0DateRangeFieldConfig = F0BaseConfig & F0DateRangeConfig &
 /**
  * F0 config options specific to datetime fields
  *
- * Note: `minDate`, `maxDate`, and `clearable` are derived from the Zod schema:
- * - `z.date().min(date)` → minDate
- * - `z.date().max(date)` → maxDate
+ * Note: `clearable` is derived from the Zod schema:
  * - `z.date().optional()` or `z.date().nullable()` → clearable
  */
 export declare interface F0DateTimeConfig {
@@ -3519,6 +3568,18 @@ export declare interface F0DateTimeConfig {
     granularities?: DateGranularity[];
     /** Preset date options to display in the date picker */
     presets?: DatePreset[];
+    /**
+     * Minimum selectable datetime.
+     * Can be a static Date or a function that receives form values for dynamic constraints.
+     * Overrides z.date().min() if provided.
+     */
+    minDate?: F0DateConstraintProp;
+    /**
+     * Maximum selectable datetime.
+     * Can be a static Date or a function that receives form values for dynamic constraints.
+     * Overrides z.date().max() if provided.
+     */
+    maxDate?: F0DateConstraintProp;
 }
 
 /**
@@ -3527,10 +3588,6 @@ export declare interface F0DateTimeConfig {
  */
 export declare type F0DateTimeField = F0BaseField & F0DateTimeConfig & {
     type: "datetime";
-    /** Minimum selectable datetime (derived from z.date().min()) */
-    minDate?: Date;
-    /** Maximum selectable datetime (derived from z.date().max()) */
-    maxDate?: Date;
     /** Whether the datetime can be cleared (derived from optional/nullable) */
     clearable?: boolean;
     /** Conditional rendering based on another field's value */
@@ -3707,7 +3764,7 @@ export declare interface F0FilterPickerContentProps<Filters extends FiltersDefin
 /**
  * @experimental This is an experimental component, use it at your own risk
  */
-export declare const F0Form: <TSchema extends z.ZodObject<ZodRawShape>>(props: F0FormProps<TSchema>) => React.ReactElement;
+export declare const F0Form: <TSchema extends F0FormSchema>(props: F0FormProps<TSchema>) => React.ReactElement;
 
 /**
  * Submit configuration for action bar type
@@ -3851,6 +3908,7 @@ export declare function f0FormField<T extends ZodTypeAny, V extends string | num
  * Props for the F0Form component
  *
  * @typeParam TSchema - The Zod object schema type. The form data type is inferred from this.
+ *                      Can be a plain ZodObject or a refined ZodObject (using .refine()).
  *
  * @example
  * ```tsx
@@ -3867,20 +3925,17 @@ export declare function f0FormField<T extends ZodTypeAny, V extends string | num
  *   onSubmit={(data) => ({ success: true })}
  * />
  *
- * // Action bar with discard button
- * <F0Form
- *   name="my-form"
- *   schema={schema}
- *   submitConfig={{
- *     type: "action-bar",
- *     discardable: true,
- *   }}
- *   defaultValues={{ name: "" }}
- *   onSubmit={(data) => ({ success: true })}
- * />
+ * // With cross-field validation using .refine()
+ * const schemaWithRefine = z.object({
+ *   startDate: f0FormField(z.date(), { label: "Start" }),
+ *   endDate: f0FormField(z.date(), { label: "End" }),
+ * }).refine((data) => data.endDate > data.startDate, {
+ *   message: "End date must be after start date",
+ *   path: ["endDate"],
+ * })
  * ```
  */
-export declare interface F0FormProps<TSchema extends z.ZodObject<ZodRawShape>> {
+export declare interface F0FormProps<TSchema extends F0FormSchema> {
     /** Unique name for the form, used for generating anchor links (e.g., #forms.[name].[sectionId].[fieldId]) */
     name: string;
     /** Zod object schema with F0 field configurations */
@@ -3945,9 +4000,9 @@ export declare interface F0FormRef {
 }
 
 /**
- * Type helper for creating a form schema with F0 fields
+ * Type for F0Form schemas - can be a plain ZodObject or a refined ZodObject (ZodEffects)
  */
-export declare type F0FormSchema<T extends Record<string, ZodTypeAny>> = z.ZodObject<T>;
+export declare type F0FormSchema<T extends ZodRawShape = ZodRawShape> = z.ZodObject<T> | ZodEffects<z.ZodObject<T>>;
 
 /**
  * Callback to update form state in the hook
@@ -4626,6 +4681,16 @@ export declare type F0ThinkingProps = {
  * - `z.string().optional()` or `z.string().nullable()` → clearable
  */
 export declare interface F0TimeConfig {
+    /**
+     * Minimum selectable time.
+     * Can be a static Date or a function that receives form values for dynamic constraints.
+     */
+    minDate?: F0DateConstraintProp;
+    /**
+     * Maximum selectable time.
+     * Can be a static Date or a function that receives form values for dynamic constraints.
+     */
+    maxDate?: F0DateConstraintProp;
 }
 
 /**
@@ -4634,10 +4699,6 @@ export declare interface F0TimeConfig {
  */
 export declare type F0TimeField = F0BaseField & F0TimeConfig & {
     type: "time";
-    /** Minimum selectable date/time (derived from z.date().min()) */
-    minDate?: Date;
-    /** Maximum selectable date/time (derived from z.date().max()) */
-    maxDate?: Date;
     /** Whether the time can be cleared (derived from optional/nullable) */
     clearable?: boolean;
     /** Conditional rendering based on another field's value */
@@ -4920,7 +4981,7 @@ export declare function getF0Config(schema: ZodTypeAny): F0FieldConfig | undefin
  * @param sections - Optional section configurations keyed by section ID
  * @returns Array of form definition items
  */
-export declare function getSchemaDefinition(schema: z.ZodObject<ZodRawShape>, sections?: Record<string, F0SectionConfig>): FormDefinitionItem[];
+export declare function getSchemaDefinition(schema: F0FormSchema, sections?: Record<string, F0SectionConfig>): FormDefinitionItem[];
 
 declare interface GranularityDefinition {
     calendarMode?: CalendarMode;
@@ -7434,7 +7495,7 @@ export declare const useReducedMotion: () => boolean;
  * })
  * ```
  */
-export declare function useSchemaDefinition(schema: z.ZodObject<ZodRawShape>, sections?: Record<string, F0SectionConfig>): FormDefinitionItem[];
+export declare function useSchemaDefinition(schema: F0FormSchema, sections?: Record<string, F0SectionConfig>): FormDefinitionItem[];
 
 /**
  * Custom hook to manage selection state for items and groups in a data table
@@ -7634,7 +7695,7 @@ declare interface WithTooltipDescription {
  * Zod type names for type checking without instanceof
  * Using _def.typeName is more reliable across module boundaries than instanceof
  */
-declare type ZodTypeName = "ZodString" | "ZodNumber" | "ZodBoolean" | "ZodDate" | "ZodEnum" | "ZodArray" | "ZodObject" | "ZodOptional" | "ZodNullable" | "ZodDefault" | "ZodLiteral";
+declare type ZodTypeName = "ZodString" | "ZodNumber" | "ZodBoolean" | "ZodDate" | "ZodEnum" | "ZodArray" | "ZodObject" | "ZodOptional" | "ZodNullable" | "ZodDefault" | "ZodLiteral" | "ZodEffects";
 
 export { }
 
@@ -7676,11 +7737,6 @@ declare module "gridstack" {
 }
 
 
-declare namespace Calendar {
-    var displayName: string;
-}
-
-
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         aiBlock: {
@@ -7717,3 +7773,8 @@ declare module "@tiptap/core" {
         };
     }
 }
+
+
+declare namespace Calendar {
+    var displayName: string;
+}