@factorialco/f0-react 1.307.0 → 1.308.0

package/dist/experimental.d.ts

@@ -1406,13 +1406,13 @@ declare type ChartItem<K extends ChartConfig> = {
     };
 };
 
-export declare const ChartWidgetEmptyState: ForwardRefExoticComponent<Props_5 & RefAttributes<HTMLDivElement>>;
+export declare const ChartWidgetEmptyState: ForwardRefExoticComponent<Props_4 & RefAttributes<HTMLDivElement>>;
 
 declare type ChatTextareaProps = InputProps_2 & {
     submitLabel?: string;
 };
 
-export declare type ChatWidgetEmptyStateProps = Props_5;
+export declare type ChatWidgetEmptyStateProps = Props_4;
 
 declare type ChildrenPaginationInfo = {
     total: number;
@@ -3051,9 +3051,26 @@ export { F0SelectProps as SelectProps }
 
 export declare function F0TableOfContent(props: TOCProps): JSX_2.Element;
 
-declare const F0TagAlert: ForwardRefExoticComponent<Props_8 & RefAttributes<HTMLDivElement>>;
+declare const F0TagAlert: ForwardRefExoticComponent<Props_7 & RefAttributes<HTMLDivElement>>;
 
-declare const F0TagRaw: ForwardRefExoticComponent<Props_4 & RefAttributes<HTMLDivElement>>;
+declare const F0TagRaw: ForwardRefExoticComponent<F0TagRawProps & RefAttributes<HTMLDivElement>>;
+
+declare type F0TagRawProps = {
+    /**
+     * The label to display in the tag or used for accessible text
+     */
+    text: string;
+    /**
+     * Additional accessible text to display in the tag
+     */
+    additionalAccessibleText?: string;
+} & ({
+    icon: IconType;
+    onlyIcon: true;
+} | {
+    icon?: IconType;
+    onlyIcon?: boolean;
+});
 
 export declare function F0VersionHistory({ title, versions, currentVersion, activeVersionId, }: F0VersionHistoryProps): JSX_2.Element;
 
@@ -3602,7 +3619,7 @@ export declare type InfiniteScrollPaginatedResponse<TRecord> = BasePaginatedResp
 
 export declare const Input: <T extends string>(props: InputProps<T>) => JSX_2.Element;
 
-declare const Input_2: React_2.ForwardRefExoticComponent<Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "onChange" | "size"> & Pick<InputFieldProps<string>, "label" | "onChange" | "role" | "onFocus" | "onBlur" | "status" | "size" | "icon" | "loading" | "disabled" | "maxLength" | "required" | "error" | "append" | "hideLabel" | "labelIcon" | "onClickContent" | "hint" | "readonly" | "clearable" | "autocomplete" | "onClear" | "isEmpty" | "emptyValue" | "hideMaxLength" | "appendTag" | "lengthProvider" | "buttonToggle"> & React_2.RefAttributes<HTMLInputElement>>;
+declare const Input_2: React_2.ForwardRefExoticComponent<Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "onChange" | "size"> & Pick<InputFieldProps<string>, "label" | "onChange" | "role" | "onFocus" | "onBlur" | "status" | "size" | "icon" | "loading" | "disabled" | "maxLength" | "required" | "error" | "append" | "hideLabel" | "hint" | "labelIcon" | "onClickContent" | "readonly" | "clearable" | "autocomplete" | "onClear" | "isEmpty" | "emptyValue" | "hideMaxLength" | "appendTag" | "lengthProvider" | "buttonToggle"> & React_2.RefAttributes<HTMLInputElement>>;
 
 declare const INPUTFIELD_SIZES: readonly ["sm", "md"];
 
@@ -3776,7 +3793,9 @@ export declare type lastIntentType = {
     customIntent?: string;
 } | null;
 
-declare type Level = "info" | "warning" | "critical" | "positive";
+declare type Level = (typeof levels)[number];
+
+declare const levels: readonly ["info", "warning", "critical", "positive"];
 
 export declare const LineChartWidget: ForwardRefExoticComponent<Omit<WidgetProps_2 & {
 chart: LineChartProps;
@@ -4187,7 +4206,7 @@ declare type NestedResponseWithType<R extends RecordType> = {
 
 declare type NestedVariant = "basic" | "detailed";
 
-declare type NewColor = Extract<BaseColor, "viridian" | "malibu" | "yellow" | "purple" | "lilac" | "barbie" | "smoke" | "army" | "flubber" | "indigo" | "camel">;
+declare type NewColor = Extract<BaseColor, (typeof tagDotColors)[number]>;
 
 declare type NextDepth<T> = T extends 1 ? 2 : T extends 2 ? 3 : T extends 3 ? 4 : never;
 
@@ -4631,7 +4650,7 @@ export declare type OnePersonListItemProps = {
         avatarBadge?: AvatarBadge;
     };
     description?: string;
-    bottomTags: Omit<Props_4, "noBorder">[];
+    bottomTags: Omit<F0TagRawProps, "noBorder">[];
     rightTag?: Props_3;
     actions?: {
         primary?: {
@@ -4997,14 +5016,6 @@ declare type PropertyDefinition_2<T> = {
 
 declare type Props = {} & Pick<BaseHeaderProps, "avatar" | "title" | "description" | "primaryAction" | "secondaryActions" | "otherActions" | "metadata" | "status">;
 
-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;
@@ -5033,14 +5044,6 @@ declare type Props_3 = {
 });
 
 declare interface Props_4 {
-    text?: string;
-    additionalAccesibleText?: string;
-    icon?: IconType;
-    noBorder?: boolean;
-    className?: string;
-}
-
-declare interface Props_5 {
     title: string;
     content: string;
     buttonLabel?: string;
@@ -5049,7 +5052,7 @@ declare interface Props_5 {
     type: Type;
 }
 
-declare type Props_6 = {
+declare type Props_5 = {
     label: string;
     icon: IconType;
     iconClassName?: string;
@@ -5057,7 +5060,7 @@ declare type Props_6 = {
     onClick?: () => void;
 };
 
-declare type Props_7<Id extends string | number = string | number> = {
+declare type Props_6<Id extends string | number = string | number> = {
     id: Id;
     module?: ModuleId;
     title: string;
@@ -5065,18 +5068,26 @@ declare type Props_7<Id extends string | number = string | number> = {
     onClick?: (id: Id) => void;
 };
 
-declare type Props_8<Text extends string = string> = {
+declare type Props_7<Text extends string = string> = {
     text: Text extends "" ? never : Text;
     level: Level;
 };
 
-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];
 
 declare const pulses: readonly ["superNegative", "negative", "neutral", "positive", "superPositive"];
@@ -5570,6 +5581,8 @@ className?: ClassValue;
 
 declare type Status = "waiting" | "pending" | "approved" | "rejected";
 
+declare const statuses: readonly ["neutral", "info", "positive", "warning", "critical"];
+
 declare type StatusVariant = Variant;
 
 declare interface StepItemProps {
@@ -5789,6 +5802,8 @@ declare type Tag = {
     description?: string;
 };
 
+declare const tagDotColors: ["viridian", "malibu", "yellow", "purple", "lilac", "barbie", "smoke", "army", "flubber", "indigo", "camel"];
+
 declare interface Task {
     id: number | string;
     text: string;
@@ -5831,7 +5846,7 @@ export declare const Textarea: React.FC<TextareaProps>;
 
 declare const Textarea_2: React_2.ForwardRefExoticComponent<Omit<React_2.TextareaHTMLAttributes<HTMLTextAreaElement>, "value" | "onChange" | "onFocus" | "onBlur"> & {
     value?: string;
-} & Pick<InputFieldProps<string>, "label" | "value" | "onChange" | "onFocus" | "onBlur" | "onKeyDown" | "status" | "icon" | "maxLength" | "placeholder" | "error" | "hideLabel" | "labelIcon" | "hint" | "clearable" | "onClear"> & React_2.RefAttributes<HTMLTextAreaElement>>;
+} & Pick<InputFieldProps<string>, "label" | "value" | "onChange" | "onFocus" | "onBlur" | "onKeyDown" | "status" | "icon" | "maxLength" | "placeholder" | "error" | "hideLabel" | "hint" | "labelIcon" | "clearable" | "onClear"> & React_2.RefAttributes<HTMLTextAreaElement>>;
 
 export declare type TextareaProps = Pick<ComponentProps<typeof Textarea_2>, "disabled" | "onChange" | "value" | "placeholder" | "rows" | "cols" | "label" | "labelIcon" | "icon" | "hideLabel" | "maxLength" | "clearable" | "onBlur" | "onFocus" | "name" | "status" | "hint" | "error">;
 
@@ -6172,7 +6187,7 @@ declare const valueDisplayRenderers: {
 
 declare type ValueDisplayVisualizationType = "table" | "card" | "list" | (string & {});
 
-declare type Variant = "neutral" | "info" | "positive" | "warning" | "critical";
+declare type Variant = (typeof statuses)[number];
 
 declare const variants: readonly ["ai", "critical", "positive", "info", "warning"];
 
@@ -6311,15 +6326,15 @@ export declare type WidgetEmptyStateProps = {
     actions?: Action_2[];
 };
 
-export declare function WidgetHighlightButton({ label, count, icon, iconClassName, onClick, }: Props_6): JSX_2.Element;
+export declare function WidgetHighlightButton({ label, count, icon, iconClassName, onClick, }: Props_5): 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_7): JSX_2.Element;
+export declare function WidgetInboxListItem({ id, title, subtitle, onClick, module, }: Props_6): JSX_2.Element;
 
-export declare type WidgetInboxListItemProps<Id extends string | number = string | number> = Props_7<Id>;
+export declare type WidgetInboxListItemProps<Id extends string | number = string | number> = Props_6<Id>;
 
-export declare type WidgetInboxListProps = Props_9;
+export declare type WidgetInboxListProps = Props_8;
 
 export declare interface WidgetProps {
     header?: {
@@ -6357,7 +6372,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;
 
@@ -6374,7 +6389,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?: {
@@ -6423,6 +6438,23 @@ declare global {
     }
 }
 
+declare module "gridstack" {
+    interface GridStackWidget {
+        id?: string;
+        allowedSizes?: Array<{
+            w: number;
+            h: number;
+        }>;
+        meta?: Record<string, unknown>;
+    }
+    interface GridStackNode {
+        allowedSizes?: Array<{
+            w: number;
+            h: number;
+        }>;
+    }
+}
+
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
@@ -6450,23 +6482,6 @@ declare module "@tiptap/core" {
     }
 }
 
-declare module "gridstack" {
-    interface GridStackWidget {
-        id?: string;
-        allowedSizes?: Array<{
-            w: number;
-            h: number;
-        }>;
-        meta?: Record<string, unknown>;
-    }
-    interface GridStackNode {
-        allowedSizes?: Array<{
-            w: number;
-            h: number;
-        }>;
-    }
-}
-
 
 declare namespace Calendar {
     var displayName: string;

package/dist/experimental.js

@@ -1,5 +1,5 @@
-import { bK as Km, bL as $c, bM as gA, bN as vA, bO as Zm, bP as v7, bQ as Ls, av as c0, bR as Wr, bS as f0, bT as Ts, bU as Tf, az as ii, bV as sl, bW as Jm, bX as yA, e as ks, bY as Vc, bZ as xA, b_ as kA, b$ as wA, c0 as bA, c1 as Xm, c2 as y7, c3 as x7, c4 as CA, c5 as _A, c6 as SA, d as da, c7 as Ym, c8 as Af, c9 as EA, ca as k7, cb as Qm, cc as e3, cd as LA, ce as d0, aI as w7, cf as t3, cg as TA, ch as b7, ci as C7, cj as A5, ck as Nf, cl as AA, cm as NA, cn as MA, co as Th, cp as OA, cq as FA, cr as DA, m as xe, cs as _7, ct as IA, cu as Mf, l as qa, cv as zc, z as xd, cw as S7, x as c1, cx as RA, n as Ah, cy as PA, q as BA, r as f1, i as HA, H as $A, J as VA, t as N5, cz as zA, G as M5, cA as jA, N as WA, cB as E7, cC as L7, cD as UA, aA as Te, F as je, c as F, cE as Of, cF as n3, cG as i3, cH as Gn, cI as Vn, cJ as Ff, cK as Nl, cL as kd, bG as Ml, cM as Qs, b as Je, cN as ua, A as ut, b8 as fs, B as Ft, cO as qA, cP as r3, a as Rn, cQ as O5, cR as GA, cS as KA, cT as ZA, aw as T7, ax as A7, cU as N7, cV as M7, cW as To, cX as JA, cY as F5, cZ as XA, c_ as YA, c$ as QA, w as Kt, S as ye, d0 as u0, d1 as Ci, d2 as s3, ao as Oi, ap as eN, d3 as O7, D as o3, b9 as ol, d4 as e2, d5 as F7, d6 as D7, d7 as I7, d8 as R7, d9 as P7, am as zt, da as B7, db as H7, dc as $7, dd as V7, de as z7, df as tN, dg as nN, dh as h0, di as j7, C as iN, bm as rN, dj as Fi, au as Jo, g as hn, as as a3, dk as D5, dl as sN, ay as W7, dm as U7, dn as wd, dp as oN, f as ha, dq as Xo, dr as q7, ds as aN, dt as I5, du as al, dv as l3, dw as Df, dx as bd, dy as lN, dz as G7, dA as cN, dB as c3, dC as jc, dD as Di, dE as fN, dF as dN, dG as $s, dH as Nh, dI as uN, dJ as fc, dK as Da, dL as hN, dM as K7, dN as pN, dO as mN, dP as gN, dQ as vN, O as ri, U as yN, Z as xN, _ as kN, a0 as wN, a5 as R5, a6 as P5, a7 as bN, a8 as CN, dR as _N, dS as Mh, dT as f3, dU as SN, dV as EN, dW as LN, b6 as TN, dX as AN, bH as If, b5 as Cd, dY as t2, dZ as Z7, h as Pi, d_ as p0, b2 as ws, d$ as NN, e0 as MN, e1 as J7, b0 as yr, e2 as ON, e3 as X7, e4 as Y7, e5 as Ol, e6 as d3, e7 as FN, e8 as Q7, e9 as DN, ea as IN, ak as u3, al as h3, an as p3, eb as ex, ec as RN, ed as PN, ee as BN, ef as tx, aE as HN, eg as n2, eh as nx, aZ as _d, ei as $N, ej as VN, ek as zN, el as jN, em as WN, aW as i2, bJ as UN, bI as qN, en as ix, at as so, eo as GN, ep as KN, bf as m0, a_ as m3, aT as Rf, eq as rx, b1 as ZN, aV as sx, aR as ox, er as JN, es as ax, et as XN, aU as Fl, aX as lx, aG as YN, eu as QN, bo as eM, bp as tM, bw as g0, bu as g3, aC as v0, ev as y0, ew as x0, aD as k0, ex as v3, bv as cx, b4 as y3, ey as nM, bA as iM, ez as r2, eA as rM, eB as Sd, eC as sM, bq as Ed, bB as oM, eD as aM, bz as fx, eE as lM, by as cM, bx as fM, eF as dM, eG as uM, eH as x3, eI as hM, eJ as pM, eK as mM, eL as gM, eM as vM, eN as yM, eO as xM, eP as kM, u as dx, bb as wM, bt as bM, eQ as CM, eR as _M, aY as SM, eS as Pf, eT as k3, b3 as w3, eU as b3, eV as Bf, eW as EM, eX as ux, eY as LM, eZ as TM, bC as hx, e_ as px, bc as mx, e$ as AM, f0 as NM, f1 as MM, aF as OM, aa as FM, ab as DM, ad as IM, ae as RM, af as PM, ac as BM, f2 as B5, f3 as HM, f4 as $M, K as VM, f5 as gx, f6 as zM } from "./hooks-BeIXOFhm.js";
-import { aH as ege, f9 as tge, fa as nge, f8 as ige, a$ as rge, b7 as sge, f7 as oge, ba as age } from "./hooks-BeIXOFhm.js";
+import { bK as Km, bL as $c, bM as gA, bN as vA, bO as Zm, bP as v7, bQ as Ls, av as c0, bR as Wr, bS as f0, bT as Ts, bU as Tf, az as ii, bV as sl, bW as Jm, bX as yA, e as ks, bY as Vc, bZ as xA, b_ as kA, b$ as wA, c0 as bA, c1 as Xm, c2 as y7, c3 as x7, c4 as CA, c5 as _A, c6 as SA, d as da, c7 as Ym, c8 as Af, c9 as EA, ca as k7, cb as Qm, cc as e3, cd as LA, ce as d0, aI as w7, cf as t3, cg as TA, ch as b7, ci as C7, cj as A5, ck as Nf, cl as AA, cm as NA, cn as MA, co as Th, cp as OA, cq as FA, cr as DA, m as xe, cs as _7, ct as IA, cu as Mf, l as qa, cv as zc, z as xd, cw as S7, x as c1, cx as RA, n as Ah, cy as PA, q as BA, r as f1, i as HA, H as $A, J as VA, t as N5, cz as zA, G as M5, cA as jA, N as WA, cB as E7, cC as L7, cD as UA, aA as Te, F as je, c as F, cE as Of, cF as n3, cG as i3, cH as Gn, cI as Vn, cJ as Ff, cK as Nl, cL as kd, bG as Ml, cM as Qs, b as Je, cN as ua, A as ut, b8 as fs, B as Ft, cO as qA, cP as r3, a as Rn, cQ as O5, cR as GA, cS as KA, cT as ZA, aw as T7, ax as A7, cU as N7, cV as M7, cW as To, cX as JA, cY as F5, cZ as XA, c_ as YA, c$ as QA, w as Kt, S as ye, d0 as u0, d1 as Ci, d2 as s3, ao as Oi, ap as eN, d3 as O7, D as o3, b9 as ol, d4 as e2, d5 as F7, d6 as D7, d7 as I7, d8 as R7, d9 as P7, am as zt, da as B7, db as H7, dc as $7, dd as V7, de as z7, df as tN, dg as nN, dh as h0, di as j7, C as iN, bm as rN, dj as Fi, au as Jo, g as hn, as as a3, dk as D5, dl as sN, ay as W7, dm as U7, dn as wd, dp as oN, f as ha, dq as Xo, dr as q7, ds as aN, dt as I5, du as al, dv as l3, dw as Df, dx as bd, dy as lN, dz as G7, dA as cN, dB as c3, dC as jc, dD as Di, dE as fN, dF as dN, dG as $s, dH as Nh, dI as uN, dJ as fc, dK as Da, dL as hN, dM as K7, dN as pN, dO as mN, dP as gN, dQ as vN, O as ri, U as yN, Z as xN, _ as kN, a0 as wN, a5 as R5, a6 as P5, a7 as bN, a8 as CN, dR as _N, dS as Mh, dT as f3, dU as SN, dV as EN, dW as LN, b6 as TN, dX as AN, bH as If, b5 as Cd, dY as t2, dZ as Z7, h as Pi, d_ as p0, b2 as ws, d$ as NN, e0 as MN, e1 as J7, b0 as yr, e2 as ON, e3 as X7, e4 as Y7, e5 as Ol, e6 as d3, e7 as FN, e8 as Q7, e9 as DN, ea as IN, ak as u3, al as h3, an as p3, eb as ex, ec as RN, ed as PN, ee as BN, ef as tx, aE as HN, eg as n2, eh as nx, aZ as _d, ei as $N, ej as VN, ek as zN, el as jN, em as WN, aW as i2, bJ as UN, bI as qN, en as ix, at as so, eo as GN, ep as KN, bg as m0, a_ as m3, aT as Rf, eq as rx, b1 as ZN, aV as sx, aR as ox, er as JN, es as ax, et as XN, aU as Fl, aX as lx, aG as YN, eu as QN, bo as eM, bp as tM, bw as g0, bu as g3, aC as v0, ev as y0, ew as x0, aD as k0, ex as v3, bv as cx, b4 as y3, ey as nM, bA as iM, ez as r2, eA as rM, eB as Sd, eC as sM, bq as Ed, bB as oM, eD as aM, bz as fx, eE as lM, by as cM, bx as fM, eF as dM, eG as uM, eH as x3, eI as hM, eJ as pM, eK as mM, eL as gM, eM as vM, eN as yM, eO as xM, eP as kM, u as dx, bb as wM, bt as bM, eQ as CM, eR as _M, aY as SM, eS as Pf, eT as k3, b3 as w3, eU as b3, eV as Bf, eW as EM, eX as ux, eY as LM, eZ as TM, bC as hx, e_ as px, bd as mx, e$ as AM, f0 as NM, f1 as MM, aF as OM, aa as FM, ab as DM, ad as IM, ae as RM, af as PM, ac as BM, f2 as B5, f3 as HM, f4 as $M, K as VM, f5 as gx, f6 as zM } from "./hooks-DhJYpAKB.js";
+import { aH as ege, f9 as tge, fa as nge, f8 as ige, a$ as rge, b7 as sge, f7 as oge, ba as age } from "./hooks-DhJYpAKB.js";
 import { jsxs as x, jsx as f, Fragment as Ke } from "react/jsx-runtime";
 import * as Se from "react";
 import we, { forwardRef as B, createContext as li, useRef as Ce, useState as X, useCallback as Ze, useContext as Kn, useMemo as ke, useEffect as Ae, PureComponent as jM, useId as vo, useTransition as WM, useLayoutEffect as pa, memo as Hf, Fragment as Hr, isValidElement as vx, cloneElement as C3, createElement as s2, useDebugValue as yx, createRef as UM, version as H5, useImperativeHandle as w0, Children as xx } from "react";
@@ -23933,7 +23933,7 @@ function $3e({ module: t, statusTag: e = void 0, breadcrumbs: n = [], actions: i
             children: f(Jo, {
               text: e.text,
               variant: e.variant,
-              additionalAccesibleText: e.tooltip
+              additionalAccessibleText: e.tooltip
             })
           })
         }) : f(Jo, {
@@ -34573,7 +34573,9 @@ const Zv = (t) => {
     const i = f("div", {
       children: f(so, {
         icon: n.icon,
-        additionalAccesibleText: `${n.label}: ${n.description}`
+        text: n.label ?? (n.description || ""),
+        onlyIcon: !0,
+        additionalAccessibleText: `${n.label}: ${n.description}`
       })
     });
     return n.label || n.description ? f(Fi, {
@@ -35677,9 +35679,7 @@ const V0 = (t, e) => t && t.type === "copy" ? {
         className: "-ml-1.5 flex flex-row items-center [&>div]:-mr-1",
         children: n.bottomTags.map((a, l) => x(Ke, {
           children: [f(so, {
-            ...a,
-            className: "text-f1-foreground-secondary",
-            noBorder: !0
+            ...a
           }, a.text), l < n.bottomTags.length - 1 && f("span", {
             children: "·"
           })]

package/dist/f0.d.ts

@@ -2516,11 +2516,16 @@ export declare const F0TagCompany: ForwardRefExoticComponent<TagCompanyProps & R
 export declare const F0TagDot: ForwardRefExoticComponent<TagDotProps & RefAttributes<HTMLDivElement>>;
 
 export declare const F0TagList: {
-    <T extends TagType>({ type, tags, max, remainingCount: initialRemainingCount, layout, }: TagListProps<T>): JSX_2.Element;
+    <T extends TagType>({ type, tags, max, remainingCount: initialRemainingCount, }: TagListProps<T>): JSX_2.Element;
     displayName: string;
 };
 
-export declare const F0TagPerson: ForwardRefExoticComponent<TagPersonProps & RefAttributes<HTMLDivElement>>;
+export declare const F0TagPerson: ForwardRefExoticComponent<F0TagPersonProps & RefAttributes<HTMLDivElement>>;
+
+export declare type F0TagPersonProps = {
+    src?: string;
+    name: string;
+};
 
 export declare const F0TagRaw: ForwardRefExoticComponent<TagRawProps & RefAttributes<HTMLDivElement>>;
 
@@ -3163,7 +3168,9 @@ declare const layoutVariants: (props?: ({
     className?: ClassValue;
 })) | undefined) => string;
 
-export declare type Level = "info" | "warning" | "critical" | "positive";
+export declare type Level = (typeof levels)[number];
+
+declare const levels: readonly ["info", "warning", "critical", "positive"];
 
 export declare const LineChart: ForwardRefExoticComponent<Omit<LineChartPropsBase<LineChartConfig> & {
 lineType?: "natural" | "linear";
@@ -3333,7 +3340,7 @@ declare type NestedResponseWithType<R extends RecordType> = {
 
 declare type NestedVariant = "basic" | "detailed";
 
-export declare type NewColor = Extract<BaseColor, "viridian" | "malibu" | "yellow" | "purple" | "lilac" | "barbie" | "smoke" | "army" | "flubber" | "indigo" | "camel">;
+export declare type NewColor = Extract<BaseColor, (typeof tagDotColors)[number]>;
 
 export declare interface NextStepsProps {
     title: string;
@@ -3366,6 +3373,14 @@ declare type NumberFilterValue = {
     };
 } | undefined;
 
+declare interface NumericValue {
+    number: number;
+    units?: string;
+    unitsPosition?: "left" | "right";
+    decimalPlaces?: number | undefined;
+    locale?: string;
+}
+
 declare type OnBulkActionCallback<Record extends RecordType, Filters extends FiltersDefinition> = (...args: [
 action: BulkAction,
 ...Parameters<OnSelectItemsCallback<Record, Filters>>
@@ -3915,7 +3930,11 @@ export declare interface StandardLayoutProps extends VariantProps<typeof layoutV
     children?: default_2.ReactNode;
 }
 
-export declare type Status = "positive" | "neutral" | "negative";
+export declare type Status = (typeof statuses_2)[number];
+
+declare const statuses: readonly ["neutral", "info", "positive", "warning", "critical"];
+
+declare const statuses_2: readonly ["positive", "neutral", "negative"];
 
 export declare type StatusVariant = Variant;
 
@@ -4049,20 +4068,45 @@ declare type TableVisualizationSettings = {
     hidden: ColId[];
 };
 
+export declare const Tag: ({ tag }: {
+    tag: TagVariant;
+}) => ReactNode;
+
 export declare type TagAlertProps<Text extends string = string> = {
     text: Text extends "" ? never : Text;
     level: Level;
 };
 
-export declare interface TagBalanceProps {
-    text: string;
-    status: Status;
-}
+export declare type TagBalanceProps = {
+    /**
+     * Inverts the balance status color. Is useful when a negative percent mean something positive.
+     */
+    invertStatus?: boolean;
+    /**
+     * Hint text to display next to the tag (This text is not displayed when the balance is null or undefined)
+     */
+    hint?: string;
+    /**
+     * Info text to display an i icon and a tooltip next to the tag
+     */
+    info?: string;
+    /**
+     * Text to display when the balance is null or undefined
+     */
+    nullText?: string;
+    /**
+     * Amount to display next to the tag
+     */
+    amount?: number | NumericValue | null;
+} & ({
+    percentage: number | Omit<NumericValue, "units" | "unitsPosition">;
+} | {
+    percentage?: null;
+});
 
 export declare interface TagCompanyProps {
-    companyName: string;
-    companyImageUrl: string;
-    onClick?: () => void;
+    name: string;
+    src?: string;
 }
 
 export declare const TagCounter: {
@@ -4076,7 +4120,7 @@ declare type TagDataType<T extends string> = Omit<Extract<TagVariant, {
     type: T;
 }>, "type" | "description">;
 
-export declare const tagDotColors: NewColor[];
+export declare const tagDotColors: ["viridian", "malibu", "yellow", "purple", "lilac", "barbie", "smoke", "army", "flubber", "indigo", "camel"];
 
 export declare type TagDotProps = {
     text: string;
@@ -4094,7 +4138,7 @@ export declare type TagListProps<T extends TagType> = {
     /**
      * Array of tag data corresponding to the specified type.
      */
-    tags: Array<TagTypeMapping[T] & WithTooltipDescription_2>;
+    tags: Array<TagTypeMapping[T]>;
     /**
      * The maximum number of tags to display.
      * @default 4
@@ -4104,28 +4148,24 @@ export declare type TagListProps<T extends TagType> = {
      * The remaining number to display.
      */
     remainingCount?: number;
-    /**
-     * The layout of the tag list.
-     * - "fill" - Tags will expand to fill the available width, with overflow items shown in a counter
-     * - "compact" - Tags will be stacked together up to the max limit, with remaining shown in counter
-     * @default "compact"
-     */
-    layout?: "fill" | "compact";
 };
 
-export declare interface TagPersonProps {
-    name: string;
-    avatarUrl: string;
-    onClick?: () => void;
-}
-
-export declare interface TagRawProps {
-    text?: string;
-    additionalAccesibleText?: string;
+export declare type TagRawProps = {
+    /**
+     * The label to display in the tag or used for accessible text
+     */
+    text: string;
+    /**
+     * Additional accessible text to display in the tag
+     */
+    additionalAccessibleText?: string;
+} & ({
+    icon: IconType;
+    onlyIcon: true;
+} | {
     icon?: IconType;
-    noBorder?: boolean;
-    className?: string;
-}
+    onlyIcon?: boolean;
+});
 
 export declare interface TagStatusProps {
     text: string;
@@ -4134,16 +4174,15 @@ export declare interface TagStatusProps {
      * Sometimes you need to clarify the status for screen reader users
      * E.g., when showing a tooltip for sighted user, provide the tootip text to this prop because tooltips aren't accessible
      */
-    additionalAccesibleText?: string;
+    additionalAccessibleText?: string;
 }
 
 export declare interface TagTeamProps {
-    teamName: string;
-    teamImageUrl: string;
-    onClick?: () => void;
+    name: string;
+    src?: string;
 }
 
-export declare type TagType = keyof TagTypeMapping;
+export declare type TagType = (typeof tagTypes)[number];
 
 declare type TagTypeMapping = {
     dot: TagDataType<"dot">;
@@ -4156,7 +4195,9 @@ declare type TagTypeMapping = {
     raw: TagDataType<"raw">;
 };
 
-declare type TagVariant = BaseTag<{
+declare const tagTypes: readonly ["dot", "person", "team", "company", "alert", "status", "balance", "raw"];
+
+export declare type TagVariant = BaseTag<{
     type: "dot";
 } & TagDotProps> | BaseTag<{
     type: "person";
@@ -4654,7 +4695,7 @@ declare const valueDisplayRenderers: {
 
 declare type ValueDisplayVisualizationType = "table" | "card" | "list" | (string & {});
 
-export declare type Variant = "neutral" | "info" | "positive" | "warning" | "critical";
+export declare type Variant = (typeof statuses)[number];
 
 export declare const VerticalBarChart: ForwardRefExoticComponent<Omit<ChartPropsBase<ChartConfig_2> & {
 label?: boolean;
@@ -4704,10 +4745,6 @@ declare interface WithTooltipDescription {
     description?: string;
 }
 
-declare type WithTooltipDescription_2 = {
-    description?: string;
-};
-
 export { }
 
 
@@ -4720,6 +4757,23 @@ declare global {
     }
 }
 
+declare module "gridstack" {
+    interface GridStackWidget {
+        id?: string;
+        allowedSizes?: Array<{
+            w: number;
+            h: number;
+        }>;
+        meta?: Record<string, unknown>;
+    }
+    interface GridStackNode {
+        allowedSizes?: Array<{
+            w: number;
+            h: number;
+        }>;
+    }
+}
+
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
@@ -4747,23 +4801,6 @@ declare module "@tiptap/core" {
     }
 }
 
-declare module "gridstack" {
-    interface GridStackWidget {
-        id?: string;
-        allowedSizes?: Array<{
-            w: number;
-            h: number;
-        }>;
-        meta?: Record<string, unknown>;
-    }
-    interface GridStackNode {
-        allowedSizes?: Array<{
-            w: number;
-            h: number;
-        }>;
-    }
-}
-
 
 declare namespace Calendar {
     var displayName: string;