@factorialco/f0-react 4.4.0 → 4.5.0

package/dist/{useChatHistory-D212C-fT.js → useChatHistory-BgraXtVf.js}

@@ -1,6 +1,6 @@
 import { jsxs as c, jsx as r, Fragment as Ee } from "react/jsx-runtime";
 import { useInsertionEffect as $r, forwardRef as h, useRef as P, useEffect as K, useLayoutEffect as st, useState as I, useMemo as te, useCallback as q, createContext as Ge, useContext as Be, useId as it, createElement as Br } from "react";
-import { ck as Ir, cl as Pr, cm as jr, cn as Dr, co as at, cp as Zr, cq as _r, cr as Or, cs as Ur, ct as zr, cu as ct, cv as Gr, cw as Wr, cx as qr, cy as Xr, cz as Yr, cA as Kr, cB as Qr, cC as ze, cD as Jr, cE as eo, cF as to, cG as ro, cH as oo, Z as lt, cI as no, cJ as so, cK as io, cL as ao, cM as co, cN as dt, cO as lo, cP as uo, a6 as a1, cQ as fo, aJ as ho, cR as go, cS as Co, cT as po, ag as mo, cU as vo, bO as wo, aa as ut, ad as xo, cV as ko, ba as c1, a1 as ft, S as We, cW as ht, b9 as Lo, cX as bo, cY as yo, b2 as Mo, bN as Eo, $ as Re, au as Ro, be as gt, cZ as Fo, bL as No, c_ as Me, bH as Vo, c$ as So, d0 as To, b1 as Ct, d1 as Ho, d2 as Ao, d3 as $o, d4 as Bo, d5 as Io, d6 as pt, bz as Po, bA as jo, d7 as Do, d8 as Zo, d9 as _o, da as Oo, db as Uo, dc as zo, dd as Go, de as Wo, df as qo, dg as Xo, dh as Yo, di as Ko, dj as Qo, dk as Jo, bM as en, ab as tn, bv as rn, dl as on, dm as nn, dn as sn, dp as an, dq as cn, dr as ln, ds as dn, ap as un, dt as mt, M as fn, a0 as hn, du as vt, dv as wt, dw as gn, bd as Cn, bc as pn, dx as mn, dy as vn, dz as xt, dA as wn, b0 as xn, ay as kn, dB as Ln, as as bn, b7 as yn, dC as kt, b6 as Mn, dD as En, bi as l1, dE as Rn, dF as Fn, dG as d1, bJ as Nn, bI as Vn, bK as Lt, dH as Sn, G as Tn, E as Hn, dI as An, dJ as $n, dK as Bn, dL as In, dM as Pn, dN as bt, dO as jn, ac as Dn, dP as Zn, L as ue, o as b, q as Ve, bp as _n, u as X, dQ as On, U as ve, ch as yt, H as le, v as ge, a2 as Un, Q as me, dR as zn, ae as de, aP as Le, A as Fe, p as ne, aD as u1, dS as Gn, aE as f1, aF as h1, b as be, dT as Wn, dU as qn, bD as Xn, V as Yn, a$ as Kn, a5 as g1, dV as Qn, dW as Jn, dX as es, dY as E1, a3 as ts, ak as Mt, aS as Et, dZ as rs, b$ as os, d_ as ns, d$ as ss, aX as Rt, e0 as is, bV as as, e1 as cs, aU as $e, bg as Ft, e2 as Nt, bh as Vt, c as s1, e3 as St, e4 as ls, bT as ds, bk as us, e5 as fs, b8 as C1, bw as hs, e6 as gs, e7 as Cs, e8 as ps, e9 as ms, ea as vs, a8 as ws, af as xs, y as ks, z as Ls, eb as Tt, ec as Ht, ed as bs, aj as R1, ee as ys, ai as Ms, ef as Es, eg as Rs } from "./F0CanvasPanel-QUIIThsf.js";
+import { cl as Ir, cm as Pr, cn as jr, co as Dr, cp as at, cq as Zr, cr as _r, cs as Or, ct as Ur, cu as zr, cv as ct, cw as Gr, cx as Wr, cy as qr, cz as Xr, cA as Yr, cB as Kr, cC as Qr, cD as ze, cE as Jr, cF as eo, cG as to, cH as ro, cI as oo, Z as lt, cJ as no, cK as so, cL as io, cM as ao, cN as co, cO as dt, cP as lo, cQ as uo, a6 as a1, cR as fo, aK as ho, cS as go, cT as Co, cU as po, ah as mo, cV as vo, bP as wo, aa as ut, ad as xo, cW as ko, bb as c1, a1 as ft, S as We, cX as ht, ba as Lo, cY as bo, cZ as yo, b3 as Mo, bO as Eo, $ as Re, av as Ro, bf as gt, c_ as Fo, bM as No, c$ as Me, bI as Vo, d0 as So, d1 as To, b2 as Ct, d2 as Ho, d3 as Ao, d4 as $o, d5 as Bo, d6 as Io, d7 as pt, bA as Po, bB as jo, d8 as Do, d9 as Zo, da as _o, db as Oo, dc as Uo, dd as zo, de as Go, df as Wo, dg as qo, dh as Xo, di as Yo, dj as Ko, dk as Qo, dl as Jo, bN as en, ab as tn, bw as rn, dm as on, dn as nn, dp as sn, dq as an, dr as cn, ds as ln, dt as dn, aq as un, du as mt, M as fn, a0 as hn, dv as vt, dw as wt, dx as gn, be as Cn, bd as pn, dy as mn, dz as vn, dA as xt, dB as wn, b1 as xn, az as kn, dC as Ln, at as bn, b8 as yn, dD as kt, b7 as Mn, dE as En, bj as l1, dF as Rn, dG as Fn, dH as d1, bK as Nn, bJ as Vn, bL as Lt, dI as Sn, G as Tn, E as Hn, dJ as An, dK as $n, dL as Bn, dM as In, dN as Pn, dO as bt, dP as jn, ac as Dn, dQ as Zn, L as ue, o as b, q as Ve, bq as _n, u as X, dR as On, U as ve, ci as yt, H as le, v as ge, a2 as Un, Q as me, dS as zn, ae as de, aQ as Le, A as Fe, p as ne, aE as u1, dT as Gn, aF as f1, aG as h1, b as be, dU as Wn, dV as qn, bE as Xn, V as Yn, b0 as Kn, a5 as g1, dW as Qn, dX as Jn, dY as es, dZ as E1, a3 as ts, al as Mt, aT as Et, d_ as rs, c0 as os, d$ as ns, e0 as ss, aY as Rt, e1 as is, bW as as, e2 as cs, aV as $e, bh as Ft, e3 as Nt, bi as Vt, c as s1, e4 as St, e5 as ls, bU as ds, bl as us, e6 as fs, b9 as C1, bx as hs, e7 as gs, e8 as Cs, e9 as ps, ea as ms, eb as vs, a8 as ws, af as xs, y as ks, z as Ls, ec as Tt, ed as Ht, ee as bs, ak as R1, ef as ys, aj as Ms, eg as Es, eh as Rs } from "./F0CanvasPanel-BiW5s0PT.js";
 import { createPortal as At } from "react-dom";
 import { defaultTranslations as Fs } from "./i18n-provider-defaults.js";
 import { useTrackVolume as Ns } from "@livekit/components-react";

package/dist/{useDataCollectionSource-BKj2I6LP.js → useDataCollectionSource-DwS_R8Ua.js}

@@ -1,7 +1,7 @@
 import { jsx as m, jsxs as R, Fragment as Ie } from "react/jsx-runtime";
 import * as Fe from "react";
 import re, { useRef as q, useState as J, useCallback as ie, useEffect as oe, useContext as Et, useMemo as ne, createContext as qt, forwardRef as Ke, useLayoutEffect as nn, PureComponent as $l, useImperativeHandle as zl, Fragment as Ja, useId as Bl, useDebugValue as MC, version as qk, createRef as h8, memo as ft, createElement as my, isValidElement as p8, cloneElement as m8 } from "react";
-import { eh as Kk, ei as nf, ej as g8, e4 as DC, ek as y8, el as v8, em as b8, en as Cg, eo as w8, ep as k8, eq as x8, er as _8, es as S8, cm as C8, et as E8, p as je, cu as IC, co as A8, L as Cn, a1 as Kp, o as Y, S as O0, cO as T8, cP as N8, q as jl, a8 as wt, a9 as yr, eu as PC, ev as RC, ew as O8, ex as M8, ey as us, ez as Dn, eA as lt, eB as Xn, eC as LC, eD as D8, eE as FC, eF as Gp, eG as I8, eH as wn, eI as Yp, eJ as zt, eK as $C, eL as Xp, eM as M0, eN as D0, eO as I0, eP as pn, eQ as Gn, eR as gy, eS as Jp, eT as P8, eU as Mn, eV as Do, eW as qn, eX as ta, eY as P0, eZ as Zp, e_ as Lu, e$ as Qp, bG as R0, f0 as R8, f1 as Yf, f2 as dh, f3 as L8, f4 as F8, f5 as $8, f6 as z8, f7 as B8, f8 as j8, f9 as zC, fa as BC, fb as jC, fc as HC, fd as VC, fe as H8, ff as fh, fg as V8, fh as W8, fi as rf, fj as Xo, e9 as Yr, fk as L0, fl as of, fm as WC, ea as UC, fn as U8, fo as q8, e7 as K8, fp as G8, e8 as Y8, fq as In, fr as Pn, T as F0, r as $0, s as z0, w as B0, fs as X8, ft as qC, v as mn, fu as KC, bp as Di, A as Nt, c0 as J8, at as qi, Q as Ce, a5 as Hl, a7 as Za, H as Ze, Z as sf, cI as Z8, u as ze, aP as GC, a$ as Vl, bE as YC, dZ as XC, aI as j0, bf as em, aa as tm, fv as JC, fw as Q8, fx as e7, fy as ZC, aS as t7, $ as Xr, fz as n7, bU as QC, fA as i7, c5 as Jt, fB as e5, fC as t5, fD as yy, fE as r7, fF as Gk, ah as af, cc as n5, c6 as vy, aD as H0, aE as V0, aF as W0, ca as o7, av as lr, fG as s7, bO as a7, fH as l7, fI as Eg, dB as i5, bD as na, fJ as Yk, fK as Xk, fL as Ag, fM as Jk, fN as c7, fO as d7, ag as f7, fP as r5, fQ as u7, az as h7, bV as nm, J as o5, K as s5, d0 as im, O as a5, _ as p7, fR as m7, fS as Zk, Y as uh, bW as rm, fT as l5, fU as c5, N as d5, fV as f5, ba as Wl, dg as U0, ae as Jr, aq as u5, bg as g7, bh as y7, al as Ls, fW as v7, fX as b7, cW as q0, fY as h5, fZ as om, f_ as K0, f$ as w7, g0 as p5, g1 as _n, e3 as fd, g2 as Ki, cX as k7, dM as x7, a6 as _7, c as S7, bK as C7, g3 as Tg, g4 as lf, g5 as G0, g6 as Y0, g7 as cf, b6 as E7, bS as X0, dq as by, bb as A7, cH as T7, au as wy, aU as N7, g8 as O7, cR as M7, dl as D7, dL as I7, dI as P7, dh as m5, di as g5, dj as y5, dr as J0, dx as v5, cV as b5, dA as w5, cL as k5, cJ as x5, cM as _5, cK as S5, cY as C5, dw as Z0, dC as E5, ak as A5, g9 as T5, ga as R7, aX as L7, U as Ee, af as df, be as Ul, db as F7, d9 as $7, d8 as z7, d7 as B7, da as j7, dk as H7, dO as V7, aj as N5, ch as W7, dQ as U7, dK as q7, du as K7, dz as G7, dv as O5, dt as Y7, dT as X7, gb as J7, d1 as Z7, gc as Q7, gd as ko, d$ as eI, ge as M5, gf as D5, gg as I5, ad as tI, bL as nI, dN as iI, gh as rI, gi as oI, as as Q0, gj as sI, gk as aI, gl as lI, c9 as cI, aW as dI, a2 as P5, gm as Qk, e0 as fI, dF as uI, gn as hI, b4 as pI, dH as mI, bi as gI, bm as yI, go as vI, bo as bI, b1 as wI, gp as kI, gq as sm, gr as eb, bq as xI, br as _I, bs as SI, bu as CI, gs as tb, gt as R5, dY as am, gu as EI, cG as nb, cN as ky, an as AI, ao as TI, V as NI, bv as OI, gv as hh, gw as MI, gx as DI, ar as II, ds as PI, gy as RI, gz as ex, gA as LI, gB as tx, gC as Ng, gD as L5, dE as FI, dd as $I, dV as zI, dW as BI, dX as jI, gE as HI, gF as VI, a3 as WI, bR as UI, dy as qI, dm as nx, dJ as KI, c_ as GI, gG as YI, gH as ib, cQ as XI, cZ as JI, dG as ZI, gI as QI, dD as eP, bC as ix, gJ as tP, gK as nP, gL as iP, gM as rP } from "./F0CanvasPanel-QUIIThsf.js";
+import { ei as Kk, ej as nf, ek as g8, e5 as DC, el as y8, em as v8, en as b8, eo as Cg, ep as w8, eq as k8, er as x8, es as _8, et as S8, cn as C8, eu as E8, p as je, cv as IC, cp as A8, L as Cn, a1 as Kp, o as Y, S as O0, cP as T8, cQ as N8, q as jl, a8 as wt, a9 as yr, ev as PC, ew as RC, ex as O8, ey as M8, ez as us, eA as Dn, eB as lt, eC as Xn, eD as LC, eE as D8, eF as FC, eG as Gp, eH as I8, eI as wn, eJ as Yp, eK as zt, eL as $C, eM as Xp, eN as M0, eO as D0, eP as I0, eQ as pn, eR as Gn, eS as gy, eT as Jp, eU as P8, eV as Mn, eW as Do, eX as qn, eY as ta, eZ as P0, e_ as Zp, e$ as Lu, f0 as Qp, bH as R0, f1 as R8, f2 as Yf, f3 as dh, f4 as L8, f5 as F8, f6 as $8, f7 as z8, f8 as B8, f9 as j8, fa as zC, fb as BC, fc as jC, fd as HC, fe as VC, ff as H8, fg as fh, fh as V8, fi as W8, fj as rf, fk as Xo, ea as Yr, fl as L0, fm as of, fn as WC, eb as UC, fo as U8, fp as q8, e8 as K8, fq as G8, e9 as Y8, ag as In, fr as Pn, T as F0, r as $0, s as z0, w as B0, fs as X8, ft as qC, v as mn, fu as KC, bq as Di, A as Nt, c1 as J8, au as qi, Q as Ce, a5 as Hl, a7 as Za, H as Ze, Z as sf, cJ as Z8, fv as GC, fw as Q8, fx as e7, u as ze, aQ as YC, b0 as Vl, bF as XC, d_ as JC, aJ as j0, bg as em, aa as tm, fy as ZC, aT as t7, $ as Xr, fz as n7, bV as QC, fA as i7, c6 as Jt, fB as e5, fC as t5, fD as yy, fE as r7, fF as Gk, ai as af, cd as n5, c7 as vy, aE as H0, aF as V0, aG as W0, cb as o7, aw as lr, fG as s7, bP as a7, fH as l7, fI as Eg, dC as i5, bE as na, fJ as Yk, fK as Xk, fL as Ag, fM as Jk, fN as c7, fO as d7, ah as f7, fP as r5, fQ as u7, aA as h7, bW as nm, J as o5, K as s5, d1 as im, O as a5, _ as p7, fR as m7, fS as Zk, Y as uh, bX as rm, fT as l5, fU as c5, N as d5, fV as f5, bb as Wl, dh as U0, ae as Jr, ar as u5, bh as g7, bi as y7, am as Ls, fW as v7, fX as b7, cX as q0, fY as h5, fZ as om, f_ as K0, f$ as w7, g0 as p5, g1 as _n, e4 as fd, g2 as Ki, cY as k7, dN as x7, a6 as _7, c as S7, bL as C7, g3 as Tg, g4 as lf, g5 as G0, g6 as Y0, g7 as cf, b7 as E7, bT as X0, dr as by, bc as A7, cI as T7, av as wy, aV as N7, g8 as O7, cS as M7, dm as D7, dM as I7, dJ as P7, di as m5, dj as g5, dk as y5, ds as J0, dy as v5, cW as b5, dB as w5, cM as k5, cK as x5, cN as _5, cL as S5, cZ as C5, dx as Z0, dD as E5, al as A5, g9 as T5, ga as R7, aY as L7, U as Ee, af as df, bf as Ul, dc as F7, da as $7, d9 as z7, d8 as B7, db as j7, dl as H7, dP as V7, ak as N5, ci as W7, dR as U7, dL as q7, dv as K7, dA as G7, dw as O5, du as Y7, dU as X7, gb as J7, d2 as Z7, gc as Q7, gd as ko, e0 as eI, ge as M5, gf as D5, gg as I5, ad as tI, bM as nI, dO as iI, gh as rI, gi as oI, at as Q0, gj as sI, gk as aI, gl as lI, ca as cI, aX as dI, a2 as P5, gm as Qk, e1 as fI, dG as uI, gn as hI, b5 as pI, dI as mI, bj as gI, bn as yI, go as vI, bp as bI, b2 as wI, gp as kI, gq as sm, gr as eb, br as xI, bs as _I, bt as SI, bv as CI, gs as tb, gt as R5, dZ as am, gu as EI, cH as nb, cO as ky, ao as AI, ap as TI, V as NI, bw as OI, gv as hh, gw as MI, gx as DI, as as II, dt as PI, gy as RI, gz as ex, gA as LI, gB as tx, gC as Ng, gD as L5, dF as FI, de as $I, dW as zI, dX as BI, dY as jI, gE as HI, gF as VI, a3 as WI, bS as UI, dz as qI, dn as nx, dK as KI, c$ as GI, gG as YI, gH as ib, cR as XI, c_ as JI, dH as ZI, gI as QI, dE as eP, bD as ix, gJ as tP, gK as nP, gL as iP, gM as rP } from "./F0CanvasPanel-BiW5s0PT.js";
 import rb, { flushSync as oP, createPortal as F5 } from "react-dom";
 import './useDataCollectionSource.css';const sP = {
   active: !0,
@@ -7261,11 +7261,70 @@ const B$ = (t) => Array.isArray(t) ? t.every((e) => z$(e)) ? t : [
   }
 );
 x6.displayName = "F0ActionBar";
-const _h = wt(x6);
-function H$({ avatar: t }) {
-  return t.type === "emoji" ? /* @__PURE__ */ m(YC, { emoji: t.emoji, size: "md" }) : t.type === "file" ? /* @__PURE__ */ m(XC, { file: t.file, size: "md" }) : t.type === "icon" ? /* @__PURE__ */ m(j0, { icon: t.icon, size: "md" }) : /* @__PURE__ */ m(em, { avatar: t, size: "md" });
+const _h = wt(x6), _6 = ({
+  items: t,
+  value: e,
+  onChange: n,
+  disabled: i = !1,
+  fullWidth: r = !1,
+  hideLabels: o = !1,
+  ariaLabel: s,
+  ariaLabelledBy: a
+}) => {
+  const [l, c] = GC({
+    prop: e,
+    defaultProp: t[0]?.value ?? "",
+    onChange: n
+  });
+  return /* @__PURE__ */ m(
+    Q8,
+    {
+      type: "single",
+      value: l,
+      onValueChange: (f) => {
+        f !== "" && c(f);
+      },
+      disabled: i,
+      "aria-label": s,
+      "aria-labelledby": a,
+      className: Y(
+        "inline-flex items-center rounded-md bg-f1-background-secondary p-0.5 gap-0.5",
+        r && "w-full"
+      ),
+      children: t.map((f) => /* @__PURE__ */ R(
+        e7,
+        {
+          value: f.value,
+          disabled: i || f.disabled,
+          className: Y(
+            "relative flex flex-1 items-center justify-center gap-1.5 whitespace-nowrap rounded font-medium transition-all",
+            "text-f1-foreground-secondary",
+            "hover:text-f1-foreground hover:bg-f1-background-hover",
+            "disabled:pointer-events-none disabled:text-f1-foreground-disabled",
+            "data-[state=on]:bg-f1-background data-[state=on]:text-f1-foreground data-[state=on]:shadow",
+            mn(),
+            "h-8 px-3 text-sm",
+            r && "w-full"
+          ),
+          children: [
+            f.icon && /* @__PURE__ */ m(Ze, { icon: f.icon, size: "md" }),
+            o && f.icon ? /* @__PURE__ */ m("span", { className: "sr-only", children: f.label }) : f.label
+          ]
+        },
+        f.value
+      ))
+    }
+  );
+};
+_6.displayName = "F0SegmentedControl";
+const H$ = yr(
+  "F0SegmentedControl",
+  _6
+);
+function V$({ avatar: t }) {
+  return t.type === "emoji" ? /* @__PURE__ */ m(XC, { emoji: t.emoji, size: "md" }) : t.type === "file" ? /* @__PURE__ */ m(JC, { file: t.file, size: "md" }) : t.type === "icon" ? /* @__PURE__ */ m(j0, { icon: t.icon, size: "md" }) : /* @__PURE__ */ m(em, { avatar: t, size: "md" });
 }
-function V$({ checked: t }) {
+function W$({ checked: t }) {
   return /* @__PURE__ */ m(
     "div",
     {
@@ -7277,7 +7336,7 @@ function V$({ checked: t }) {
     }
   );
 }
-function W$({ checked: t }) {
+function U$({ checked: t }) {
   return /* @__PURE__ */ m(
     "div",
     {
@@ -7290,7 +7349,7 @@ function W$({ checked: t }) {
     }
   );
 }
-function U$({ checked: t }) {
+function q$({ checked: t }) {
   return /* @__PURE__ */ m(
     "div",
     {
@@ -7311,7 +7370,7 @@ function U$({ checked: t }) {
     }
   );
 }
-function q$({
+function K$({
   item: t,
   selected: e,
   disabled: n,
@@ -7320,9 +7379,9 @@ function q$({
   isToggle: o,
   grouped: s
 }) {
-  const { forms: a } = ze(), l = GC(), c = n || t.disabled, d = () => {
+  const { forms: a } = ze(), l = YC(), c = n || t.disabled, d = () => {
     c || r();
-  }, f = o ? "switch" : i ? "checkbox" : "radio", u = () => o ? /* @__PURE__ */ m(U$, { checked: e }) : i ? /* @__PURE__ */ m(W$, { checked: e }) : /* @__PURE__ */ m(V$, { checked: e }), h = !!t.selectedContent;
+  }, f = o ? "switch" : i ? "checkbox" : "radio", u = () => o ? /* @__PURE__ */ m(q$, { checked: e }) : i ? /* @__PURE__ */ m(U$, { checked: e }) : /* @__PURE__ */ m(W$, { checked: e }), h = !!t.selectedContent;
   return /* @__PURE__ */ R(
     "div",
     {
@@ -7353,7 +7412,7 @@ function q$({
               s ? "px-4 py-3" : "p-4"
             ),
             children: [
-              t.avatar && /* @__PURE__ */ m(H$, { avatar: t.avatar }),
+              t.avatar && /* @__PURE__ */ m(V$, { avatar: t.avatar }),
               /* @__PURE__ */ R("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
                 /* @__PURE__ */ R("div", { className: "flex flex-col gap-0.5", children: [
                   /* @__PURE__ */ R(
@@ -7416,8 +7475,8 @@ function q$({
     }
   );
 }
-const K$ = wt(q$), Wx = K$;
-function G$(t) {
+const G$ = wt(K$), Wx = G$;
+function Y$(t) {
   const {
     items: e,
     disabled: n = !1,
@@ -7487,67 +7546,8 @@ function G$(t) {
     }
   );
 }
-const _6 = wt(
-  G$
-), S6 = ({
-  items: t,
-  value: e,
-  onChange: n,
-  disabled: i = !1,
-  fullWidth: r = !1,
-  hideLabels: o = !1,
-  ariaLabel: s,
-  ariaLabelledBy: a
-}) => {
-  const [l, c] = JC({
-    prop: e,
-    defaultProp: t[0]?.value ?? "",
-    onChange: n
-  });
-  return /* @__PURE__ */ m(
-    Q8,
-    {
-      type: "single",
-      value: l,
-      onValueChange: (f) => {
-        f !== "" && c(f);
-      },
-      disabled: i,
-      "aria-label": s,
-      "aria-labelledby": a,
-      className: Y(
-        "inline-flex items-center rounded-md bg-f1-background-secondary p-0.5 gap-0.5",
-        r && "w-full"
-      ),
-      children: t.map((f) => /* @__PURE__ */ R(
-        e7,
-        {
-          value: f.value,
-          disabled: i || f.disabled,
-          className: Y(
-            "relative flex flex-1 items-center justify-center gap-1.5 whitespace-nowrap rounded font-medium transition-all",
-            "text-f1-foreground-secondary",
-            "hover:text-f1-foreground hover:bg-f1-background-hover",
-            "disabled:pointer-events-none disabled:text-f1-foreground-disabled",
-            "data-[state=on]:bg-f1-background data-[state=on]:text-f1-foreground data-[state=on]:shadow",
-            mn(),
-            "h-8 px-3 text-sm",
-            r && "w-full"
-          ),
-          children: [
-            f.icon && /* @__PURE__ */ m(Ze, { icon: f.icon, size: "md" }),
-            o && f.icon ? /* @__PURE__ */ m("span", { className: "sr-only", children: f.label }) : f.label
-          ]
-        },
-        f.value
-      ))
-    }
-  );
-};
-S6.displayName = "F0SegmentedControl";
-const Y$ = yr(
-  "F0SegmentedControl",
-  S6
+const S6 = wt(
+  Y$
 ), wge = ["sm", "md", "lg"], kge = ["compact", "expanded"], ub = Ke(({ className: t, ...e }, n) => /* @__PURE__ */ m(
   ZC,
   {
@@ -7839,7 +7839,7 @@ function Sge(t) {
     activeItemId: c,
     defaultActiveItemId: d,
     onActiveItemChange: f
-  } = t, u = ne(() => a || (e.idProvider ? (le, de) => e.idProvider(le, de) : nz), [a, e.idProvider]), [h, p] = JC({
+  } = t, u = ne(() => a || (e.idProvider ? (le, de) => e.idProvider(le, de) : nz), [a, e.idProvider]), [h, p] = GC({
     prop: c,
     defaultProp: d ?? null,
     onChange: (le) => f?.(le ?? null)
@@ -11875,7 +11875,7 @@ function MB({
   currentParentId: f,
   draggedItemId: u
 }) {
-  const h = GC();
+  const h = YC();
   return /* @__PURE__ */ R(
     g7,
     {
@@ -13114,7 +13114,7 @@ function JB({
     selectedContent: n?.get(r.value)
   }));
   return /* @__PURE__ */ m(
-    _6,
+    S6,
     {
       grouped: t.grouped !== !1,
       items: i,
@@ -13535,7 +13535,7 @@ function fj({
         a
       ),
       children: [
-        /* @__PURE__ */ m(XC, { file: _, size: "lg" }),
+        /* @__PURE__ */ m(JC, { file: _, size: "lg" }),
         /* @__PURE__ */ R("div", { className: "flex min-w-0 flex-1 flex-col", children: [
           /* @__PURE__ */ m("span", { className: "truncate text-sm font-medium text-f1-foreground", children: S }),
           E && /* @__PURE__ */ m("span", { className: "text-sm text-f1-foreground-secondary", children: E })
@@ -43065,7 +43065,7 @@ function Vw({
         children: [
           k.slice(1).map(({ fieldId: b, anchorId: x }) => /* @__PURE__ */ m("span", { id: x, className: "hidden" }, b)),
           /* @__PURE__ */ m(
-            _6,
+            S6,
             {
               multiple: !0,
               isToggle: !0,
@@ -44343,7 +44343,7 @@ function nte({
       className: "flex flex-col items-center justify-center gap-5 p-8",
       ...o,
       children: [
-        n === "default" && /* @__PURE__ */ m(YC, { emoji: i, size: "lg" }),
+        n === "default" && /* @__PURE__ */ m(XC, { emoji: i, size: "lg" }),
         n !== "default" && /* @__PURE__ */ m(na, { type: n, size: "lg" }),
         /* @__PURE__ */ R("div", { className: "flex flex-col items-center justify-center gap-0.5", children: [
           /* @__PURE__ */ m("p", { className: "text-center text-lg font-medium text-f1-foreground", children: t }),
@@ -56545,38 +56545,47 @@ function xse({
     const u = f?.value?.from, h = u ? N5(u, kse) : "";
     h !== e && s(h);
   };
-  return /* @__PURE__ */ m(Js, { showRightBorder: !o, error: i, hint: a, children: /* @__PURE__ */ m(
-    "div",
+  return /* @__PURE__ */ m(
+    Js,
     {
-      className: Y(
-        "flex w-full min-w-0 items-center",
-        t.align === "right" && "justify-end"
-      ),
+      showRightBorder: !o,
+      error: i,
+      hint: a,
+      cursor: "pointer",
       children: /* @__PURE__ */ m(
-        pm,
+        "div",
         {
           className: Y(
-            "[&_input]:!py-0",
-            "[&_[data-slot='placeholder']]:!flex",
-            "[&_[data-slot='placeholder']]:!items-center",
-            "[&_[data-slot='placeholder']]:!py-0",
-            "[&_[data-slot='placeholder']]:!truncate"
+            "flex w-full min-w-0 items-center",
+            t.align === "right" && "justify-end"
           ),
-          placeholder: n ?? t.inputPlaceholder,
-          label: t.label,
-          hideLabel: !0,
-          showIcon: !1,
-          transparent: !0,
-          displayFormat: "default",
-          value: c,
-          onChange: d,
-          loading: r,
-          minDate: l?.minDate,
-          maxDate: l?.maxDate
+          children: /* @__PURE__ */ m(
+            pm,
+            {
+              className: Y(
+                "[&_input]:!py-0",
+                "[&_[data-slot='placeholder']]:!flex",
+                "[&_[data-slot='placeholder']]:!items-center",
+                "[&_[data-slot='placeholder']]:!py-0",
+                "[&_[data-slot='placeholder']]:!truncate"
+              ),
+              placeholder: n ?? t.inputPlaceholder,
+              label: t.label,
+              hideLabel: !0,
+              showIcon: !1,
+              transparent: !0,
+              displayFormat: "default",
+              value: c,
+              onChange: d,
+              loading: r,
+              minDate: l?.minDate,
+              maxDate: l?.maxDate
+            }
+          )
         }
       )
     }
-  ) });
+  );
 }
 let J1 = null;
 function _se(t, e) {
@@ -56742,7 +56751,7 @@ function Tse({
     multiple: !1,
     onOpenChange: c
   }, u = d.clearable ? { clearable: !0 } : {};
-  return /* @__PURE__ */ m(Js, { error: n, isActive: l, hint: s, children: /* @__PURE__ */ m(
+  return /* @__PURE__ */ m(Js, { error: n, isActive: l, hint: s, cursor: "pointer", children: /* @__PURE__ */ m(
     "div",
     {
       className: Y(
@@ -56788,14 +56797,14 @@ function Nse({
   hint: n
 }) {
   const i = ze();
-  return /* @__PURE__ */ m(Js, { borderOnHover: !1, hint: n, children: /* @__PURE__ */ m(
+  return /* @__PURE__ */ m(Js, { borderOnHover: !1, hint: n, cursor: "not-allowed", children: /* @__PURE__ */ m(
     "div",
     {
       className: Y(
         t.align === "right" ? "justify-end" : "",
         "flex p-4 min-h-12 items-center border-0 h-full",
         "bg-f1-background-disabled h-full",
-        "cursor-pointer w-full"
+        "w-full"
       ),
       children: Rf(e, t, "editableTable", i)
     }
@@ -56808,17 +56817,26 @@ function aM({
   hint: i
 }) {
   const r = ze();
-  return /* @__PURE__ */ m(Js, { showRightBorder: !n, borderOnHover: !1, hint: i, children: /* @__PURE__ */ m(
-    "div",
+  return /* @__PURE__ */ m(
+    Js,
     {
-      className: Y(
-        "flex w-full min-w-0",
-        "cursor-pointer items-center px-3",
-        t.align === "right" && "justify-end"
-      ),
-      children: Rf(e, t, "editableTable", r)
+      showRightBorder: !n,
+      borderOnHover: !1,
+      hint: i,
+      cursor: "default",
+      children: /* @__PURE__ */ m(
+        "div",
+        {
+          className: Y(
+            "flex w-full min-w-0",
+            "items-center px-3",
+            t.align === "right" && "justify-end"
+          ),
+          children: Rf(e, t, "editableTable", r)
+        }
+      )
     }
-  ) });
+  );
 }
 function yS({
   editableColumn: t,
@@ -68443,7 +68461,7 @@ const Xme = () => {
     return { value: String(l), label: d, icon: c };
   });
   return /* @__PURE__ */ m(
-    Y$,
+    H$,
     {
       items: s,
       value: String(e),
@@ -69263,9 +69281,9 @@ export {
   lge as C,
   vge as D,
   bge as E,
-  Y$ as F,
+  H$ as F,
   _h as G,
-  _6 as H,
+  S6 as H,
   Ege as I,
   Cge as J,
   Oge as K,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@factorialco/f0-react",
-  "version": "4.4.0",
+  "version": "4.5.0",
   "private": false,
   "files": [
     "assets",