@factorialco/f0-react 2.49.0 → 2.51.0

package/dist/{F0CanvasPanel-D70oNR2G.js → F0CanvasPanel-DDHvW6gk.js}

@@ -122739,21 +122739,23 @@ const Eq1 = ({ text: e }) => /* @__PURE__ */ a(
   label: e,
   required: t,
   htmlFor: n,
-  className: r,
-  icon: o,
-  disabled: i
+  id: r,
+  className: o,
+  icon: i,
+  disabled: s
 }) => /* @__PURE__ */ P(
   "label",
   {
+    id: r,
     className: r2(
-      r,
+      o,
       "text-md flex max-w-full gap-1 font-medium text-f1-foreground-secondary"
     ),
     htmlFor: n,
     "aria-label": e,
-    "aria-disabled": i,
+    "aria-disabled": s,
     children: [
-      o && /* @__PURE__ */ a(g1, { icon: o, size: "sm" }),
+      i && /* @__PURE__ */ a(g1, { icon: i, size: "sm" }),
       /* @__PURE__ */ a(Ce, { className: "shrink-1 min-w-0", children: e }),
       t && /* @__PURE__ */ a("span", { className: "text-f1-foreground-critical", "aria-hidden": "true", children: "*" })
     ]
@@ -140319,7 +140321,7 @@ export {
   BL as fy,
   wU as fz,
   Ba as g,
-  $e1 as g$,
+  p41 as g$,
   Nn as g0,
   Dn as g1,
   Pj as g2,
@@ -140330,33 +140332,33 @@ export {
   hG1 as g7,
   uG1 as g8,
   gG1 as g9,
-  qU1 as gA,
-  UU as gB,
-  M8 as gC,
-  W33 as gD,
-  xj as gE,
-  Ir as gF,
-  at as gG,
-  U9 as gH,
-  d6 as gI,
-  p41 as gJ,
-  VJ as gK,
-  x23 as gL,
-  p33 as gM,
-  z13 as gN,
-  M23 as gO,
-  K13 as gP,
-  TW as gQ,
-  x33 as gR,
-  M33 as gS,
-  k33 as gT,
-  RR as gU,
-  N22 as gV,
-  sY1 as gW,
-  $33 as gX,
-  B33 as gY,
-  G33 as gZ,
-  U33 as g_,
+  yG as gA,
+  KM as gB,
+  Tq1 as gC,
+  QM as gD,
+  tk as gE,
+  Uu as gF,
+  nk as gG,
+  Rn as gH,
+  m32 as gI,
+  qU1 as gJ,
+  B6 as gK,
+  HM as gL,
+  r1 as gM,
+  u3 as gN,
+  V3 as gO,
+  VM as gP,
+  JR as gQ,
+  eB as gR,
+  B22 as gS,
+  UU as gT,
+  M8 as gU,
+  W33 as gV,
+  xj as gW,
+  Ir as gX,
+  at as gY,
+  U9 as gZ,
+  d6 as g_,
   A33 as ga,
   k41 as gb,
   lG1 as gc,
@@ -140381,20 +140383,38 @@ export {
   VB as gv,
   $8 as gw,
   Ao as gx,
-  Rn as gy,
-  m32 as gz,
+  A5 as gy,
+  SG as gz,
   z22 as h,
-  RJ as h0,
-  DJ as h1,
-  rJ as h2,
-  De1 as h3,
-  ma as h4,
-  OL as h5,
-  cG1 as h6,
-  S33 as h7,
-  T33 as h8,
-  W13 as h9,
-  k23 as ha,
+  VJ as h0,
+  x23 as h1,
+  p33 as h2,
+  z13 as h3,
+  M23 as h4,
+  K13 as h5,
+  TW as h6,
+  x33 as h7,
+  M33 as h8,
+  k33 as h9,
+  RR as ha,
+  N22 as hb,
+  sY1 as hc,
+  $33 as hd,
+  B33 as he,
+  G33 as hf,
+  U33 as hg,
+  $e1 as hh,
+  RJ as hi,
+  DJ as hj,
+  rJ as hk,
+  De1 as hl,
+  ma as hm,
+  OL as hn,
+  cG1 as ho,
+  S33 as hp,
+  T33 as hq,
+  W13 as hr,
+  k23 as hs,
   Ua as i,
   Dq1 as j,
   e12 as k,

package/dist/ai.d.ts

@@ -4705,11 +4705,6 @@ declare module "gridstack" {
 }
 
 
-declare namespace Calendar {
-    var displayName: string;
-}
-
-
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         enhanceHighlight: {
@@ -4759,6 +4754,11 @@ declare module "@tiptap/core" {
 }
 
 
+declare namespace Calendar {
+    var displayName: string;
+}
+
+
 declare namespace F0GraphNodeWrapperInner {
     var displayName: string;
 }

package/dist/ai.js

@@ -1,6 +1,6 @@
-import { D as e, F as r, a as t, e as o, f as i, c as n, d as F, I as C, P as A, b as l, u as d } from "./F0CanvasPanel-D70oNR2G.js";
+import { D as e, F as r, a as t, e as o, f as i, c as n, d as F, I as C, P as A, b as l, u as d } from "./F0CanvasPanel-DDHvW6gk.js";
 import { defaultTranslations as m } from "./i18n-provider-defaults.js";
-import { A as c, C as I, h as P, t as v, v as f, x as p, n as T, j as g, r as y, y as S, q as x, s as H, k as V, e as b, g as k, l as w, F as M, i as O, a as D, p as j, m as q, o as z, b as B, f as E, w as L, c as R, d as G, u as J } from "./useChatHistory-DjftH8dD.js";
+import { A as c, C as I, h as P, t as v, v as f, x as p, n as T, j as g, r as y, y as S, q as x, s as H, k as V, e as b, g as k, l as w, F as M, i as O, a as D, p as j, m as q, o as z, b as B, f as E, w as L, c as R, d as G, u as J } from "./useChatHistory-CKnLaxwq.js";
 export {
   c as AiChatTranslationsProvider,
   I as ChatSpinner,

package/dist/experimental.d.ts

@@ -8858,11 +8858,6 @@ declare module "gridstack" {
 }
 
 
-declare namespace Calendar {
-    var displayName: string;
-}
-
-
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         enhanceHighlight: {
@@ -8912,6 +8907,11 @@ declare module "@tiptap/core" {
 }
 
 
+declare namespace Calendar {
+    var displayName: string;
+}
+
+
 declare namespace F0GraphNodeWrapperInner {
     var displayName: string;
 }

package/dist/experimental.js

@@ -1,9 +1,9 @@
-import { g as da, B as ua, h as fa, i as ma, j as At, k as De, l as ha, m as p, n as X, o as ge, u as ie, T as pa, p as ga, q as ba, R as xa, r as va, s as re, t as wa, v as pt, w as rt, x as Re, A as _e, y as ya, z as Na, C as M, E as Ca, G as ka, H as ve, J as sn, K as Sa, L as Ia, M as W, N as on, S as O, O as we, Q as Fa, U as Aa, V as La, W as Ea, X as _a, Y as ke, Z as cn, _ as Oa, $ as be, a0 as $e, a1 as Da, a2 as gt, d as dn, a3 as Ce, a4 as Ta, a5 as un, a6 as ne, a7 as K, a8 as fn, a9 as mn, aa as za, ab as hn, ac as me, ad as ee, ae as Pa, af as Ba, ag as Ra, ah as $a, ai as pe, aj as Ge, ak as Wa, al as Ma, am as ja, an as Va, ao as He, ap as pn, aq as Ga, ar as Ha, as as Ua, at as We, au as Ka, av as qa, aw as Ya, ax as Za, ay as Xa, az as Ja, aA as Qa, aB as er, aC as tr, aD as nr, aE as lt, aF as gn, aG as it, aH as bn, aI as ar, aJ as rr, aK as lr, aL as ir, aM as sr, aN as Ue, aO as bt, aP as st, aQ as xn, aR as or, aS as vn, aT as cr, aU as dr, aV as ur, aW as Ee, aX as fr, aY as mr, aZ as Te, a_ as Lt, a$ as ot, b0 as hr, b1 as pr, a as gr, b as br, b2 as wn, b3 as xr, f as vr, F as wr, b4 as yr, b5 as yn, b6 as Nr, b7 as Nn, b8 as Cr, b9 as kr, ba as Sr, bb as Ir, bc as Fr, bd as Ar, be as Lr, bf as Er, bg as _r, bh as Cn, bi as ue, bj as xt, bk as vt, bl as wt, bm as kn, bn as yt, bo as Sn, bp as In, bq as Or, br as Dr, bs as Tr, bt as zr, bu as Pr, bv as Br, bw as Rr, bx as $r, by as Et, bz as Wr, bA as Mr, bB as _t, bC as Ot, bD as Dt, bE as jr, bF as Vr, bG as Gr, bH as Hr, bI as Fn, bJ as Ur, bK as Kr } from "./F0CanvasPanel-D70oNR2G.js";
-import { bW as Lc, bV as Ec, c6 as _c, bS as Oc, bT as Dc, bL as Tc, bM as zc, bN as Pc, c7 as Bc, bU as Rc, c2 as $c, c3 as Wc, bO as Mc, bY as jc, bX as Vc, bP as Gc, bQ as Hc, c4 as Uc, c8 as Kc, c5 as qc, c1 as Yc, b_ as Zc, c0 as Xc, bZ as Jc, bR as Qc, b$ as ed } from "./F0CanvasPanel-D70oNR2G.js";
+import { g as da, B as ua, h as fa, i as ma, j as At, k as De, l as ha, m as p, n as X, o as ge, u as ie, T as pa, p as ga, q as ba, R as xa, r as va, s as re, t as wa, v as pt, w as rt, x as Re, A as _e, y as ya, z as Na, C as M, E as Ca, G as ka, H as ve, J as sn, K as Sa, L as Ia, M as W, N as on, S as O, O as we, Q as Fa, U as Aa, V as La, W as Ea, X as _a, Y as ke, Z as cn, _ as Oa, $ as be, a0 as $e, a1 as Da, a2 as gt, d as dn, a3 as Ce, a4 as Ta, a5 as un, a6 as ne, a7 as K, a8 as fn, a9 as mn, aa as za, ab as hn, ac as me, ad as ee, ae as Pa, af as Ba, ag as Ra, ah as $a, ai as pe, aj as Ge, ak as Wa, al as Ma, am as ja, an as Va, ao as He, ap as pn, aq as Ga, ar as Ha, as as Ua, at as We, au as Ka, av as qa, aw as Ya, ax as Za, ay as Xa, az as Ja, aA as Qa, aB as er, aC as tr, aD as nr, aE as lt, aF as gn, aG as it, aH as bn, aI as ar, aJ as rr, aK as lr, aL as ir, aM as sr, aN as Ue, aO as bt, aP as st, aQ as xn, aR as or, aS as vn, aT as cr, aU as dr, aV as ur, aW as Ee, aX as fr, aY as mr, aZ as Te, a_ as Lt, a$ as ot, b0 as hr, b1 as pr, a as gr, b as br, b2 as wn, b3 as xr, f as vr, F as wr, b4 as yr, b5 as yn, b6 as Nr, b7 as Nn, b8 as Cr, b9 as kr, ba as Sr, bb as Ir, bc as Fr, bd as Ar, be as Lr, bf as Er, bg as _r, bh as Cn, bi as ue, bj as xt, bk as vt, bl as wt, bm as kn, bn as yt, bo as Sn, bp as In, bq as Or, br as Dr, bs as Tr, bt as zr, bu as Pr, bv as Br, bw as Rr, bx as $r, by as Et, bz as Wr, bA as Mr, bB as _t, bC as Ot, bD as Dt, bE as jr, bF as Vr, bG as Gr, bH as Hr, bI as Fn, bJ as Ur, bK as Kr } from "./F0CanvasPanel-DDHvW6gk.js";
+import { bW as Lc, bV as Ec, c6 as _c, bS as Oc, bT as Dc, bL as Tc, bM as zc, bN as Pc, c7 as Bc, bU as Rc, c2 as $c, c3 as Wc, bO as Mc, bY as jc, bX as Vc, bP as Gc, bQ as Hc, c4 as Uc, c8 as Kc, c5 as qc, c1 as Yc, b_ as Zc, c0 as Xc, bZ as Jc, bR as Qc, b$ as ed } from "./F0CanvasPanel-DDHvW6gk.js";
 import { jsx as e, jsxs as o, Fragment as U } from "react/jsx-runtime";
 import se, { forwardRef as j, useRef as G, useTransition as qr, useState as _, useLayoutEffect as An, useId as ct, useContext as Ke, createContext as Nt, useEffect as $, useCallback as Q, useMemo as q, Fragment as Yr, isValidElement as Zr, cloneElement as Ln, Children as En } from "react";
-import { C as Xr, P as Jr, a as _n, M as Qr, R as Tt, b as On, u as el, c as Dn, S as tl, A as nl, B as al, L as rl, d as ll, V as il, e as sl, f as ol, g as cl, O as dl } from "./useDataCollectionSource-CDB1LCNu.js";
-import { l as nd, m as ad, j as rd, x as ld, n as id, s as sd, a3 as od, w as cd, k as dd, D as ud, F as fd, J as md, E as hd, z as pd, a9 as gd, I as bd, K as xd, Q as vd, o as wd, a5 as yd, a6 as Nd, a4 as Cd, a7 as kd, N as Sd, U as Id, a0 as Fd, a2 as Ad, p as Ld, r as Ed, t as _d, G as Od, a8 as Dd, H as Td, T as zd, q as Pd, v as Bd, h as Rd, i as $d, X as Wd, Y as Md, a1 as jd, y as Vd, Z as Gd, _ as Hd, W as Ud, $ as Kd } from "./useDataCollectionSource-CDB1LCNu.js";
+import { C as Xr, P as Jr, a as _n, M as Qr, R as Tt, b as On, u as el, c as Dn, S as tl, A as nl, B as al, L as rl, d as ll, V as il, e as sl, f as ol, g as cl, O as dl } from "./useDataCollectionSource-FspzgKHC.js";
+import { l as nd, m as ad, j as rd, x as ld, n as id, s as sd, a3 as od, w as cd, k as dd, D as ud, F as fd, J as md, E as hd, z as pd, a9 as gd, I as bd, K as xd, Q as vd, o as wd, a5 as yd, a6 as Nd, a4 as Cd, a7 as kd, N as Sd, U as Id, a0 as Fd, a2 as Ad, p as Ld, r as Ed, t as _d, G as Od, a8 as Dd, H as Td, T as zd, q as Pd, v as Bd, h as Rd, i as $d, X as Wd, Y as Md, a1 as jd, y as Vd, Z as Gd, _ as Hd, W as Ud, $ as Kd } from "./useDataCollectionSource-FspzgKHC.js";
 const ul = da("Search", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]

package/dist/f0.d.ts

@@ -54,12 +54,15 @@ import { F0AvatarPersonProps as F0AvatarPersonProps_2 } from './types';
 import { F0AvatarTeamProps as F0AvatarTeamProps_2 } from './F0AvatarTeam';
 import { F0DataChartProps as F0DataChartProps_2 } from './types';
 import { F0DialogInternalProps } from './internal-types';
+import { F0DrawerProps } from './F0Drawer';
 import { F0DurationInputProps as F0DurationInputProps_2 } from './types';
 import { F0FormDefinition as F0FormDefinition_2 } from './f0';
 import { F0FormDefinitionPerSection as F0FormDefinitionPerSection_2 } from './f0';
 import { F0FormDefinitionSingleSchema as F0FormDefinitionSingleSchema_2 } from './f0';
 import { F0GridStackProps as F0GridStackProps_2 } from './F0GridStack';
 import { F0SelectProps as F0SelectProps_2 } from './types';
+import { F0SliderProps as F0SliderProps_2 } from './types';
+import { F0SliderSkeletonProps } from './F0SliderSkeleton';
 import { F0TagBalanceProps } from './types';
 import { F0TagCompanyProps } from './types';
 import { F0TagListProps } from './types';
@@ -154,6 +157,7 @@ import { TextCellValue as TextCellValue_2 } from './types/text';
 import { TrackReferenceOrPlaceholder } from '@livekit/components-react';
 import { ValueDisplayRendererContext } from './f0';
 import { VariantProps } from 'cva';
+import { WithDataTestIdProps as WithDataTestIdProps_2 } from './f0';
 import { WithDataTestIdReturnType as WithDataTestIdReturnType_2 } from './f0';
 import { WithDataTestIdReturnType as WithDataTestIdReturnType_3 } from './f0';
 import { WithDataTestIdReturnType as WithDataTestIdReturnType_4 } from './f0';
@@ -5028,6 +5032,25 @@ declare type DetailsItemContent = (ComponentProps<typeof DataList.Item> & {
     type: "file";
 });
 
+declare type DialogAlikeAction = {
+    value?: string;
+    label: string;
+    icon?: IconType;
+    onClick: () => void | Promise<void>;
+    disabled?: boolean;
+    loading?: boolean;
+    closeOnClick?: boolean;
+};
+
+declare type DialogAlikeActionsProps = {
+    primaryAction?: DialogAlikeAction | DialogAlikeAction[];
+    secondaryAction?: DialogAlikeAction | DialogAlikeAction[];
+};
+
+declare type DialogAlikePosition = (typeof dialogAlikePositions)[number];
+
+declare const dialogAlikePositions: readonly ["center", "left", "right", "fullscreen"];
+
 export declare type DialogPosition = (typeof dialogPositions)[number];
 
 declare const dialogPositions: readonly ["center", "left", "right", "fullscreen"];
@@ -5036,6 +5059,31 @@ export declare type DialogWidth = (typeof dialogWidths)[number];
 
 declare const dialogWidths: readonly ["sm", "md", "lg", "xl"];
 
+declare type DialogWrapperContextType = {
+    open: boolean;
+    onClose: () => void;
+    shownBottomSheet: boolean;
+    position: DialogAlikePosition;
+    /**
+     * The dialog's content container element.
+     * Use this as the `portalContainer` prop for components like F0Select
+     * to ensure dropdowns render inside the dialog.
+     */
+    portalContainer: HTMLDivElement | null;
+};
+
+/**
+ * The props for the F0DialogProvider component.
+ */
+declare type DialogWrapperProviderProps = {
+    isOpen: boolean;
+    onClose: () => void;
+    shownBottomSheet?: boolean;
+    position: DialogAlikePosition;
+    children: ReactNode;
+    portalContainer: HTMLDivElement | null;
+};
+
 /** Display modes */
 export declare type DisplayToken = "block" | "flex" | "inline" | "inline-flex" | "grid" | "none";
 
@@ -5086,6 +5134,8 @@ export declare type DragPayload<T = unknown> = {
     data?: T;
 };
 
+declare const drawerPositions: readonly ["left", "right"];
+
 declare type DropdownItem = DropdownItemObject | DropdownItemSeparator | DropdownItemLabel;
 
 declare type DropdownItemLabel = {
@@ -7811,6 +7861,10 @@ export declare type F0DialogActionsProps = {
     secondaryAction?: F0DialogSecondaryAction | F0DialogSecondaryActionItem[];
 };
 
+export declare const F0DialogAlikeContext: Context<DialogWrapperContextType>;
+
+export declare const F0DialogAlikeProvider: ({ isOpen, onClose, shownBottomSheet, position, children, portalContainer, }: DialogWrapperProviderProps) => JSX_2.Element;
+
 export declare const F0DialogContext: Context<F0DialogContextType>;
 
 declare type F0DialogContextType = {
@@ -7859,6 +7913,20 @@ export declare type F0DialogSecondaryAction = {
 
 export declare type F0DialogSecondaryActionItem = F0DialogActionItem;
 
+/**
+ * @experimental This is an experimental component use it at your own risk
+ */
+export declare const F0Drawer: {
+    (props: F0DrawerProps): JSX_2.Element;
+    displayName: string;
+};
+
+export declare type F0DrawerAction = DialogAlikeAction;
+
+export declare type F0DrawerActionsProps = DialogAlikeActionsProps;
+
+export declare type F0DrawerPosition = (typeof drawerPositions)[number];
+
 export declare type F0DropdownButtonProps<T = string> = {
     size?: ButtonDropdownSize;
     items: ButtonDropdownItem<T>[] | ButtonDropdownGroup<T>[] | ButtonDropdownGroup<T>;
@@ -9778,6 +9846,57 @@ export declare type F0SelectTagProp = string | {
     variant: StatusVariant;
 };
 
+/**
+ * @experimental This is an experimental component, use it at your own risk.
+ */
+export declare const F0Slider: ForwardRefExoticComponent<Omit<F0SliderProps_2 & RefAttributes<HTMLDivElement> & WithDataTestIdProps_2, "ref"> & RefAttributes<HTMLDivElement>> & Pick<ForwardRefExoticComponent<F0SliderProps_2 & RefAttributes<HTMLDivElement>>, never> & {
+    Skeleton: ({ hideLabel }: F0SliderSkeletonProps) => JSX_2.Element;
+};
+
+export declare interface F0SliderProps extends WithDataTestIdProps, DataAttributes_2 {
+    label: string;
+    ariaLabel?: string;
+    hideLabel?: boolean;
+    hint?: string;
+    status?: InputFieldStatus;
+    required?: boolean;
+    disabled?: boolean;
+    name?: string;
+    value?: number;
+    defaultValue?: number;
+    onChange?: (value: number) => void;
+    /**
+     * Fires once when the user commits a value: on pointer release after a drag,
+     * and on each discrete keyboard step. Use this — not `onChange` — to trigger
+     * expensive side effects such as mutations, so dragging does not fire one
+     * call per intermediate value.
+     */
+    onValueCommit?: (value: number) => void;
+    min: number;
+    max: number;
+    step?: number;
+    minLabel?: string;
+    maxLabel?: string;
+    /**
+     * Format the value for the floating tooltip. Receives the raw numeric value
+     * and must return the full localised string. The whole string is built by
+     * the consumer (instead of e.g. a `unit` prop concatenated by the component)
+     * so locales can reorder the phrase around the number — for example RTL
+     * languages or locales where the unit precedes the value.
+     */
+    formatValue?: (value: number) => string;
+    /**
+     * When to show the floating value tooltip above the thumb.
+     * - `"always"`: visible at all times.
+     * - `"onHover"`: visible while the slider is hovered, focused or being
+     *   dragged. Default.
+     * - `"never"`: never rendered.
+     */
+    showTooltip?: F0SliderTooltipMode;
+}
+
+export declare type F0SliderTooltipMode = (typeof sliderTooltipModes)[number];
+
 /**
  * Config for string fields rendered as grouped radio cards
  */
@@ -13870,6 +13989,8 @@ declare type SimpleResult<T> = T[];
 /** Size tokens for width/height/min/max dimensions */
 export declare type SizeToken = "auto" | "full" | "screen" | "min" | "max" | "fit" | NumericSizeToken | FractionToken;
 
+export declare const sliderTooltipModes: readonly ["always", "onHover", "never"];
+
 /**
  * Type helper to extract keys from a SortingsDefinition
  */
@@ -15161,6 +15282,8 @@ export declare function useF0AiFormRegistry(): F0AiFormRegistryContextValue | nu
 
 export declare const useF0Dialog: () => F0DialogContextType;
 
+export declare const useF0DialogAlikeContext: () => DialogWrapperContextType;
+
 /**
  * Hook to control F0Form programmatically.
  *
@@ -15830,11 +15953,6 @@ declare module "gridstack" {
 }
 
 
-declare namespace Calendar {
-    var displayName: string;
-}
-
-
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         enhanceHighlight: {
@@ -15884,6 +16002,11 @@ declare module "@tiptap/core" {
 }
 
 
+declare namespace Calendar {
+    var displayName: string;
+}
+
+
 declare namespace F0GraphNodeWrapperInner {
     var displayName: string;
 }