@factorialco/f0-react 1.238.1 → 1.239.1

package/dist/experimental.d.ts

@@ -29,6 +29,7 @@ import { DotTagCellValue } from './types/dotTag.tsx';
 import { DotTagCellValue as DotTagCellValue_2 } from '../../value-display/types/dotTag';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { Editor } from '@tiptap/react';
+import { f1Colors } from '@factorialco/f0-core';
 import { FC } from 'react';
 import { FieldPath } from 'react-hook-form';
 import { FieldValues } from 'react-hook-form';
@@ -564,6 +565,13 @@ declare type BaseAvatarProps = {
      * This is a workaround until we implement the ability to deal with images
      */
     flag?: ReactElement;
+    /**
+     * Optional icon to display on the avatar. Will override the name or image if provided.
+     */
+    icon?: {
+        icon: IconType;
+        color?: F0IconProps["color"];
+    };
     /**
      * The color of the avatar.
      * @default "random"
@@ -2194,6 +2202,10 @@ declare type F0AvatarPersonProps = {
      * The badge to display on the avatar. Can be a module badge or a custom badge.
      */
     badge?: AvatarBadge;
+    /**
+     * Whether the person is deactivated. If true, the avatar will display an icon instead of the person's name or picture.
+     */
+    deactivated?: boolean;
 } & Pick<BaseAvatarProps, "aria-label" | "aria-labelledby">;
 
 declare const F0AvatarPulse: {
@@ -2260,6 +2272,13 @@ export declare const F0Callout: ForwardRefExoticComponent<CalloutInternalProps &
 
 export declare type F0CalloutProps = CalloutInternalProps;
 
+declare interface F0IconProps extends SVGProps<SVGSVGElement>, VariantProps<typeof iconVariants> {
+    icon: IconType;
+    size?: "lg" | "md" | "sm" | "xs";
+    state?: "normal" | "animate";
+    color?: "default" | "currentColor" | `#${string}` | Lowercase<NestedKeyOf<typeof f1Colors.icon>>;
+}
+
 export declare function F0TableOfContent(props: TOCProps): JSX_2.Element;
 
 declare const F0TagAlert: ForwardRefExoticComponent<Props_8 & RefAttributes<HTMLDivElement>>;
@@ -2642,6 +2661,16 @@ declare type IconType = ForwardRefExoticComponent<SVGProps<SVGSVGElement> & RefA
     animate?: "normal" | "animate";
 }>;
 
+declare const iconVariants: (props?: ({
+    size?: "lg" | "md" | "sm" | "xs" | undefined;
+} & ({
+    class?: ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: ClassValue;
+})) | undefined) => string;
+
 declare type IdStructure = {
     id: string;
     children?: IdStructure[];
@@ -3254,6 +3283,17 @@ declare type NavigationProps = {
     };
 };
 
+/**
+ * Utility type to extract all possible paths from nested object.
+ * Generates hyphenated paths from nested object structure
+ * Only includes parent key if it has a DEFAULT property
+ */
+declare type NestedKeyOf<T> = {
+    [K in keyof T & string]: T[K] extends object ? K extends "DEFAULT" ? never : T[K] extends {
+        DEFAULT: string;
+    } ? `${K}` | `${K}-${NestedKeyOf<T[K]>}` : `${K}-${NestedKeyOf<T[K]>}` : K extends "DEFAULT" ? never : `${K}`;
+}[keyof T & string];
+
 declare type NewColor = Extract<BaseColor, "viridian" | "malibu" | "yellow" | "purple" | "lilac" | "barbie" | "smoke" | "army" | "flubber" | "indigo" | "camel">;
 
 declare type NextDepth<T> = T extends 1 ? 2 : T extends 2 ? 3 : T extends 3 ? 4 : never;
@@ -5345,8 +5385,8 @@ declare global {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        aiBlock: {
-            insertAIBlock: (data: AIBlockData, config: AIBlockConfigWithLabels) => ReturnType;
+        liveCompanion: {
+            insertLiveCompanion: (data: LiveCompanionData, config?: LiveCompanionConfig) => ReturnType;
         };
     }
 }
@@ -5354,8 +5394,8 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        liveCompanion: {
-            insertLiveCompanion: (data: LiveCompanionData, config?: LiveCompanionConfig) => ReturnType;
+        aiBlock: {
+            insertAIBlock: (data: AIBlockData, config: AIBlockConfigWithLabels) => ReturnType;
         };
     }
 }

package/dist/experimental.js

@@ -1,5 +1,5 @@
-import { aN as l6, aO as c6, aP as Ey, aQ as xl, aR as cS, aS as dS, aT as fS, aU as l1, aV as uS, aW as hS, aX as pS, aY as oe, aZ as d6, a_ as mS, a$ as gS, b0 as yS, b1 as co, b2 as Va, b3 as Zc, b4 as f6, b5 as Yl, b6 as vS, b7 as c1, b8 as bS, b9 as kS, ba as Zl, bb as xS, bc as wS, bd as _S, be as Ly, bf as CS, bg as My, bh as SS, bi as u6, bj as h6, bk as NS, bl as Vo, q as Ft, a as M, bm as Ho, P as Zt, bn as Jt, s as xe, k as ct, y as pe, bo as wl, bp as p6, L as Qi, bq as Ve, $ as m6, w as un, x as $n, br as Xe, bs as Fm, c as Pm, bt as Bm, bu as _l, bv as Wo, bw as Xc, aJ as zs, bx as zh, by as Kr, bz as Qc, bA as ed, bB as ES, n as qo, bC as Br, bD as g6, bE as ne, bF as Fi, bG as xt, bH as y6, bI as v6, t as Af, f as LS, bJ as MS, bK as TS, bL as AS, g as Ty, bM as Ay, bN as OS, bO as IS, bP as ci, ac as td, az as Oy, bQ as $s, bR as zm, bS as pn, bT as Iy, bU as $h, bV as Xt, bW as or, bX as b6, bY as jh, bZ as DS, b_ as RS, b$ as zt, c0 as FS, c1 as PS, c2 as BS, c3 as zS, c4 as $S, c5 as jS, c6 as VS, S as ri, c7 as Of, c8 as k6, ad as x6, c9 as HS, at as WS, av as w6, aq as _6, ca as C6, aw as If, cb as $m, a0 as Cl, r as ar, cc as qS, a9 as Pi, cd as bn, ce as Df, cf as Ha, cg as US, ch as S6, ci as KS, i as Rf, j as Ff, l as Pf, cj as jm, ck as GS, C as Vn, cl as N6, cm as JS, cn as E6, co as YS, G as ZS, cp as L6, cq as Vh, cr as M6, a6 as nd, cs as XS, ct as QS, cu as eN, cv as tN, cw as nN, aK as Bf, a3 as Hh, F as Vm, aM as iN, cx as ti, aL as rN, cy as T6, cz as mn, cA as sN, cB as oN, cC as Tn, cD as id, cE as A6, ah as zf, a7 as Hm, am as Ss, cF as $f, cG as Wm, cH as O6, cI as aN, aa as lN, a2 as I6, cJ as qm, cK as cN, cL as dN, cM as fN, D as D6, u as R6, cN as F6, cO as ss, cP as uN, cQ as Dy, cR as hN, cS as pN, cT as mN, cU as jf, K as gN, m as yN, cV as Wh, cW as P6, cX as B6, cY as z6, cZ as $6, c_ as vN, c$ as bN, d0 as kN, d1 as xN, d2 as wN, d3 as _N, d4 as CN, d5 as SN, p as NN, ao as EN, d6 as j6, d7 as Vf, v as qh, d8 as Ry, Z as V6, d9 as Sl, da as H6, db as W6, dc as LN, a1 as Uo, a4 as q6, I as MN, dd as TN, ar as AN, ay as Hf, z as Wf, de as qf, df as Uf, E as Kf, ax as U6, ab as Um, dg as ON, aD as IN, dh as Uh, di as DN, dj as rd, dk as RN, as as sd, aE as FN, dl as PN, aC as K6, dm as BN, aB as zN, aA as $N, dn as jN, dp as Ct, dq as Fy, dr as VN, ds as HN, dt as WN, du as d1, dv as qN, dw as UN, dx as KN, dy as GN, dz as JN, dA as YN, a5 as ZN, dB as Nl, dC as Km, dD as Gm, dE as El, dF as G6, dG as XN, dH as J6, dI as QN, aF as Y6, dJ as Z6, ae as X6, dK as eE, dL as tE, dM as nE, H as iE, A as rE, B as sE, d as oE, e as aE, V as lE, b as cE, dN as Py, dO as dE, dP as fE, dQ as uE, dR as Q6, dS as hE } from "./hooks-Cut8s-iM.js";
-import { J as Kae, dV as Gae, dU as Jae, a8 as Yae, dT as Zae } from "./hooks-Cut8s-iM.js";
+import { aN as l6, aO as c6, aP as Ey, aQ as xl, aR as cS, aS as dS, aT as fS, aU as l1, aV as uS, aW as hS, aX as pS, aY as oe, aZ as d6, a_ as mS, a$ as gS, b0 as yS, b1 as co, b2 as Va, b3 as Zc, b4 as f6, b5 as Yl, b6 as vS, b7 as c1, b8 as bS, b9 as kS, ba as Zl, bb as xS, bc as wS, bd as _S, be as Ly, bf as CS, bg as My, bh as SS, bi as u6, bj as h6, bk as NS, bl as Vo, q as Ft, a as M, bm as Ho, P as Zt, bn as Jt, s as xe, k as ct, y as pe, bo as wl, bp as p6, L as Qi, bq as Ve, $ as m6, w as un, x as $n, br as Xe, bs as Fm, c as Pm, bt as Bm, bu as _l, bv as Wo, bw as Xc, aJ as zs, bx as zh, by as Kr, bz as Qc, bA as ed, bB as ES, n as qo, bC as Br, bD as g6, bE as ne, bF as Fi, bG as xt, bH as y6, bI as v6, t as Af, f as LS, bJ as MS, bK as TS, bL as AS, g as Ty, bM as Ay, bN as OS, bO as IS, bP as ci, ac as td, az as Oy, bQ as $s, bR as zm, bS as pn, bT as Iy, bU as $h, bV as Xt, bW as or, bX as b6, bY as jh, bZ as DS, b_ as RS, b$ as zt, c0 as FS, c1 as PS, c2 as BS, c3 as zS, c4 as $S, c5 as jS, c6 as VS, S as ri, c7 as Of, c8 as k6, ad as x6, c9 as HS, at as WS, av as w6, aq as _6, ca as C6, aw as If, cb as $m, a0 as Cl, r as ar, cc as qS, a9 as Pi, cd as bn, ce as Df, cf as Ha, cg as US, ch as S6, ci as KS, i as Rf, j as Ff, l as Pf, cj as jm, ck as GS, C as Vn, cl as N6, cm as JS, cn as E6, co as YS, G as ZS, cp as L6, cq as Vh, cr as M6, a6 as nd, cs as XS, ct as QS, cu as eN, cv as tN, cw as nN, aK as Bf, a3 as Hh, F as Vm, aM as iN, cx as ti, aL as rN, cy as T6, cz as mn, cA as sN, cB as oN, cC as Tn, cD as id, cE as A6, ah as zf, a7 as Hm, am as Ss, cF as $f, cG as Wm, cH as O6, cI as aN, aa as lN, a2 as I6, cJ as qm, cK as cN, cL as dN, cM as fN, D as D6, u as R6, cN as F6, cO as ss, cP as uN, cQ as Dy, cR as hN, cS as pN, cT as mN, cU as jf, K as gN, m as yN, cV as Wh, cW as P6, cX as B6, cY as z6, cZ as $6, c_ as vN, c$ as bN, d0 as kN, d1 as xN, d2 as wN, d3 as _N, d4 as CN, d5 as SN, p as NN, ao as EN, d6 as j6, d7 as Vf, v as qh, d8 as Ry, Z as V6, d9 as Sl, da as H6, db as W6, dc as LN, a1 as Uo, a4 as q6, I as MN, dd as TN, ar as AN, ay as Hf, z as Wf, de as qf, df as Uf, E as Kf, ax as U6, ab as Um, dg as ON, aD as IN, dh as Uh, di as DN, dj as rd, dk as RN, as as sd, aE as FN, dl as PN, aC as K6, dm as BN, aB as zN, aA as $N, dn as jN, dp as Ct, dq as Fy, dr as VN, ds as HN, dt as WN, du as d1, dv as qN, dw as UN, dx as KN, dy as GN, dz as JN, dA as YN, a5 as ZN, dB as Nl, dC as Km, dD as Gm, dE as El, dF as G6, dG as XN, dH as J6, dI as QN, aF as Y6, dJ as Z6, ae as X6, dK as eE, dL as tE, dM as nE, H as iE, A as rE, B as sE, d as oE, e as aE, V as lE, b as cE, dN as Py, dO as dE, dP as fE, dQ as uE, dR as Q6, dS as hE } from "./hooks-AoOsS_Tr.js";
+import { J as Kae, dV as Gae, dU as Jae, a8 as Yae, dT as Zae } from "./hooks-AoOsS_Tr.js";
 import { jsxs as b, jsx as f, Fragment as Me } from "react/jsx-runtime";
 import * as z from "react";
 import ee, { forwardRef as U, createContext as Hn, useRef as me, useState as V, useCallback as Pe, useContext as an, useMemo as ce, useEffect as ie, PureComponent as pE, useId as fr, useLayoutEffect as Gf, memo as Ll, Fragment as zr, useTransition as mE, isValidElement as eb, cloneElement as Jm, useDebugValue as tb, createRef as gE, createElement as yE, version as By, useImperativeHandle as Jf, Children as nb } from "react";
@@ -28346,7 +28346,7 @@ const yW = ({ lanes: t, title: e, description: n, avatar: i, metadata: r, onMove
     item: e
   });
   return b("div", {
-    className: M("relative flex w-full flex-col justify-between gap-4 p-3 transition-colors md:flex-row md:p-2 md:pl-3 md:pr-4", "group after:absolute after:inset-y-0 after:-right-px after:z-10 after:hidden after:h-full after:w-10 after:bg-gradient-to-r after:from-transparent after:via-f1-background after:via-75% after:to-f1-background after:transition-all after:content-[''] hover:after:via-[#F5F6F8] hover:after:to-[#F5F6F8] dark:hover:after:via-[#192231] dark:hover:after:to-[#192231] md:after:block hover:md:bg-f1-background-hover"),
+    className: M("relative flex min-h-[64px] w-full flex-col justify-between gap-4 p-3 transition-colors md:flex-row md:p-2 md:pl-3 md:pr-4", "group after:absolute after:inset-y-0 after:-right-px after:z-10 after:hidden after:h-full after:w-10 after:bg-gradient-to-r after:from-transparent after:via-f1-background after:via-75% after:to-f1-background after:transition-all after:content-[''] hover:after:via-[#F5F6F8] hover:after:to-[#F5F6F8] dark:hover:after:via-[#192231] dark:hover:after:to-[#192231] md:after:block hover:md:bg-f1-background-hover"),
     children: [f("div", {
       onClick: c,
       className: "pointer-events-auto absolute inset-0"

package/dist/f0.d.ts

@@ -266,6 +266,13 @@ declare type BaseAvatarProps = {
      * This is a workaround until we implement the ability to deal with images
      */
     flag?: ReactElement;
+    /**
+     * Optional icon to display on the avatar. Will override the name or image if provided.
+     */
+    icon?: {
+        icon: IconType;
+        color?: F0IconProps["color"];
+    };
     /**
      * The color of the avatar.
      * @default "random"
@@ -1529,7 +1536,7 @@ export declare type F0AvatarModuleProps = VariantProps<typeof moduleAvatarVarian
 } & Pick<BaseAvatarProps, "aria-label" | "aria-labelledby">;
 
 export declare const F0AvatarPerson: {
-    ({ firstName, lastName, src, size, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, badge, }: F0AvatarPersonProps): JSX_2.Element;
+    ({ firstName, lastName, src, size, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, badge, deactivated, }: F0AvatarPersonProps): JSX_2.Element;
     displayName: string;
 };
 
@@ -1554,6 +1561,10 @@ export declare type F0AvatarPersonProps = {
      * The badge to display on the avatar. Can be a module badge or a custom badge.
      */
     badge?: AvatarBadge;
+    /**
+     * Whether the person is deactivated. If true, the avatar will display an icon instead of the person's name or picture.
+     */
+    deactivated?: boolean;
 } & Pick<BaseAvatarProps, "aria-label" | "aria-labelledby">;
 
 export declare const F0AvatarTeam: {
@@ -3390,8 +3401,8 @@ declare global {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        aiBlock: {
-            insertAIBlock: (data: AIBlockData, config: AIBlockConfigWithLabels) => ReturnType;
+        liveCompanion: {
+            insertLiveCompanion: (data: LiveCompanionData, config?: LiveCompanionConfig) => ReturnType;
         };
     }
 }
@@ -3399,8 +3410,8 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        liveCompanion: {
-            insertLiveCompanion: (data: LiveCompanionData, config?: LiveCompanionConfig) => ReturnType;
+        aiBlock: {
+            insertAIBlock: (data: AIBlockData, config: AIBlockConfigWithLabels) => ReturnType;
         };
     }
 }

package/dist/f0.js

@@ -1,5 +1,5 @@
-import { C as g, L as ge, c as ve, P as G, a as b, f as be, g as z, A as xe, B as Ce, b as ye, d as we, e as Ne, V as Pe, h as M, i as H, j as U, k as Le, l as J, S as Y, m as X, n as Se, O as Fe, o as K, p as ke, q as De, F as Q, r as Me, s as Te, t as Ie, D as Re, u as Be, v as Oe, w as $e, x as Z, y as w, U as ee, z as Ee, E as _e, G as A, H as je, I as ae, J as ze, K as Ae, M as Ve, N as qe, Q as We, R as Ge, X as He, T as Ue, W as Je, Y as Ye, Z as Xe, _ as Ke } from "./hooks-Cut8s-iM.js";
-import { az as Ja, $ as Ya, aB as Xa, aK as Ka, a0 as Qa, a1 as Za, a2 as er, a3 as ar, a4 as rr, a5 as sr, a6 as tr, a7 as lr, a9 as or, aa as nr, ab as ir, ac as dr, aG as cr, ae as ur, af as fr, ag as mr, ah as hr, ak as pr, al as gr, am as vr, an as br, ap as xr, ad as Cr, ao as yr, aj as wr, aH as Nr, aA as Pr, au as Lr, ax as Sr, at as Fr, aL as kr, as as Dr, ar as Mr, a8 as Tr, ai as Ir, aq as Rr, av as Br, aC as Or, aD as $r, aE as Er, aM as _r, aw as jr, aF as zr, aJ as Ar, ay as Vr, aI as qr } from "./hooks-Cut8s-iM.js";
+import { C as g, L as ge, c as ve, P as G, a as b, f as be, g as z, A as xe, B as Ce, b as ye, d as we, e as Ne, V as Pe, h as M, i as H, j as U, k as Le, l as J, S as Y, m as X, n as Se, O as Fe, o as K, p as ke, q as De, F as Q, r as Me, s as Te, t as Ie, D as Re, u as Be, v as Oe, w as $e, x as Z, y as w, U as ee, z as Ee, E as _e, G as A, H as je, I as ae, J as ze, K as Ae, M as Ve, N as qe, Q as We, R as Ge, X as He, T as Ue, W as Je, Y as Ye, Z as Xe, _ as Ke } from "./hooks-AoOsS_Tr.js";
+import { az as Ja, $ as Ya, aB as Xa, aK as Ka, a0 as Qa, a1 as Za, a2 as er, a3 as ar, a4 as rr, a5 as sr, a6 as tr, a7 as lr, a9 as or, aa as nr, ab as ir, ac as dr, aG as cr, ae as ur, af as fr, ag as mr, ah as hr, ak as pr, al as gr, am as vr, an as br, ap as xr, ad as Cr, ao as yr, aj as wr, aH as Nr, aA as Pr, au as Lr, ax as Sr, at as Fr, aL as kr, as as Dr, ar as Mr, a8 as Tr, ai as Ir, aq as Rr, av as Br, aC as Or, aD as $r, aE as Er, aM as _r, aw as jr, aF as zr, aJ as Ar, ay as Vr, aI as qr } from "./hooks-AoOsS_Tr.js";
 import { jsx as e, jsxs as c, Fragment as $ } from "react/jsx-runtime";
 import * as E from "react";
 import Qe, { useState as v, forwardRef as I, useRef as re, useImperativeHandle as Ze, Children as ea, useEffect as se, createContext as aa } from "react";