@factorialco/f0-react 7.4.0 → 7.6.0

package/dist/{experimental-DtoF9Hks.js → experimental-C93eeym2.js}

@@ -1,8 +1,8 @@
-import { cQ as Nk, cR as G0, cS as Zk, cT as Kk, cU as WA, cV as Wk, cW as zk, cX as Yk, cY as Hk, cZ as Lh, c_ as E0, c$ as zc, d0 as EA, d1 as Ok, b$ as $t, cv as uo, u as Rt, d2 as Jk, d3 as jk, d4 as Xh, d5 as IC, d6 as jA, b_ as sn, bG as Lk, bF as I1, W as gi, A as Xk, B as qk, bT as mi, bc as C1, L as $k, E as ex, n as li, am as Ps, S as ft, c5 as Xo, d7 as tx, d8 as ix, d9 as nx, $ as A1, da as gx, at as Jg, bd as qh, al as $h, bW as Oa, cc as vs, db as ax, e as em, c7 as jo, dc as l1, a9 as tm, cN as sl, w as zn, s as Cn, z as LA, v as Il, x as Dd, bx as im, y as Cl, bR as c1, ai as nm, b0 as gm, bZ as Gn, co as d1, bY as eg, cp as u1, o as am, q as uC, cq as om, dd as ox, t as Ig, cH as xr, cx as Al, bQ as T0, Z as rx, de as f1, df as Bh, cM as qo, dg as rm, dh as sx, m as sm, di as fC, aT as Ix, bK as Cx, Y as Ax, i as lx, cG as cx, dj as Dr, dk as Im, dl as va, bj as dx, dm as ux, af as fx, cd as fo, dn as Sd, dp as h1, dq as hx, dr as mx, b9 as px, ds as Rd, dt as m1, j as Md, du as Bx, au as Fx, k as CC, dv as p1, bq as yx, dw as Ux, dx as Qx, dy as wx, dz as vx, dA as Fh, dB as B1, cg as Pd, ab as F1, dC as bx, dD as _x, dE as kx, dF as xx, dG as ho, dH as yh, ce as Cm, dI as y1, cn as Vs, dJ as Cd, dK as U1, dL as Am, ck as Dx, dM as Ds, dN as Sx, dO as Rx, dP as Mx, c6 as aC, bp as Px, bu as Vd, aB as Ad, ar as Vx, dQ as Q1, dR as Gx, dS as Jo, dT as lm, dU as Ex, dV as Tx, a as Nx, b as Zx, dW as Wf, dX as Gd, g as Kx, F as Wx, bv as w1, bz as Ed, K as zx, bt as Yx, a6 as v1, cz as Hx, an as b1, dY as Ox, bi as Jx, bh as jx, av as ld, dZ as _1, d_ as Lx, d$ as Xx, e0 as qx, e1 as $x, e2 as eD, e3 as tD, a8 as Uh, b6 as iD, aj as nD, ao as Td, e4 as cm, e5 as dm, e6 as um, c1 as gD, aQ as k1, ah as x1, e7 as aD, l as Nd, cf as fm, bV as hm, Q as Qh, R as zA, a_ as oD, aP as rD, ba as sD, bf as D1, bm as S1, bn as mm, ap as ID, e8 as R1, e9 as M1, ea as P1, eb as V1, cP as CD, cO as AD, ec as pm, bo as lD, c2 as cD, c4 as Bm, bU as dD, bN as uD, c8 as fD, c9 as hD, ca as mD, cb as G1, aA as Zd, U as pD, V as BD, a7 as E1, a0 as N0, a5 as T1, by as FD, aR as yD, cr as UD, ed as mo, ee as QD, ef as wD, eg as vD, eh as bD, ei as _D, cA as kD, b1 as N1, ej as cd, ek as xD, br as DD, bI as SD, ay as RD, bD as zf, ax as MD, a$ as PD, as as VD, el as GD, bC as ED, ct as TD, cu as ND, em as ZD, en as Z1, eo as KD, ep as WD } from "./F0CanvasPanel-Bpd75kYc.js";
+import { cQ as Nk, cR as G0, cS as Zk, cT as Kk, cU as WA, cV as Wk, cW as zk, cX as Yk, cY as Hk, cZ as Lh, c_ as E0, c$ as zc, d0 as EA, d1 as Ok, b$ as $t, cv as uo, u as Rt, d2 as Jk, d3 as jk, d4 as Xh, d5 as IC, d6 as jA, b_ as sn, bG as Lk, bF as I1, W as gi, A as Xk, B as qk, bT as mi, bc as C1, L as $k, E as ex, n as li, am as Ps, S as ft, c5 as Xo, d7 as tx, d8 as ix, d9 as nx, $ as A1, da as gx, at as Jg, bd as qh, al as $h, bW as Oa, cc as vs, db as ax, e as em, c7 as jo, dc as l1, a9 as tm, cN as sl, w as zn, s as Cn, z as LA, v as Il, x as Dd, bx as im, y as Cl, bR as c1, ai as nm, b0 as gm, bZ as Gn, co as d1, bY as eg, cp as u1, o as am, q as uC, cq as om, dd as ox, t as Ig, cH as xr, cx as Al, bQ as T0, Z as rx, de as f1, df as Bh, cM as qo, dg as rm, dh as sx, m as sm, di as fC, aT as Ix, bK as Cx, Y as Ax, i as lx, cG as cx, dj as Dr, dk as Im, dl as va, bj as dx, dm as ux, af as fx, cd as fo, dn as Sd, dp as h1, dq as hx, dr as mx, b9 as px, ds as Rd, dt as m1, j as Md, du as Bx, au as Fx, k as CC, dv as p1, bq as yx, dw as Ux, dx as Qx, dy as wx, dz as vx, dA as Fh, dB as B1, cg as Pd, ab as F1, dC as bx, dD as _x, dE as kx, dF as xx, dG as ho, dH as yh, ce as Cm, dI as y1, cn as Vs, dJ as Cd, dK as U1, dL as Am, ck as Dx, dM as Ds, dN as Sx, dO as Rx, dP as Mx, c6 as aC, bp as Px, bu as Vd, aB as Ad, ar as Vx, dQ as Q1, dR as Gx, dS as Jo, dT as lm, dU as Ex, dV as Tx, a as Nx, b as Zx, dW as Wf, dX as Gd, g as Kx, F as Wx, bv as w1, bz as Ed, K as zx, bt as Yx, a6 as v1, cz as Hx, an as b1, dY as Ox, bi as Jx, bh as jx, av as ld, dZ as _1, d_ as Lx, d$ as Xx, e0 as qx, e1 as $x, e2 as eD, e3 as tD, a8 as Uh, b6 as iD, aj as nD, ao as Td, e4 as cm, e5 as dm, e6 as um, c1 as gD, aQ as k1, ah as x1, e7 as aD, l as Nd, cf as fm, bV as hm, Q as Qh, R as zA, a_ as oD, aP as rD, ba as sD, bf as D1, bm as S1, bn as mm, ap as ID, e8 as R1, e9 as M1, ea as P1, eb as V1, cP as CD, cO as AD, ec as pm, bo as lD, c2 as cD, c4 as Bm, bU as dD, bN as uD, c8 as fD, c9 as hD, ca as mD, cb as G1, aA as Zd, U as pD, V as BD, a7 as E1, a0 as N0, a5 as T1, by as FD, aR as yD, cr as UD, ed as mo, ee as QD, ef as wD, eg as vD, eh as bD, ei as _D, cA as kD, b1 as N1, ej as cd, ek as xD, br as DD, bI as SD, ay as RD, bD as zf, ax as MD, a$ as PD, as as VD, el as GD, bC as ED, ct as TD, cu as ND, em as ZD, en as Z1, eo as KD, ep as WD } from "./F0CanvasPanel-LujTdn6J.js";
 import { jsx as h, jsxs as q, Fragment as hi } from "react/jsx-runtime";
 import Nt, { forwardRef as _i, useRef as _e, useTransition as zD, useState as Ne, useLayoutEffect as Vn, useId as Lo, useContext as mg, createContext as En, useEffect as it, useCallback as Ge, useMemo as vt, useImperativeHandle as YD, Fragment as Tg, isValidElement as Fm, cloneElement as K1, Suspense as ll, lazy as Rr, createElement as qc, memo as cl, Children as ym } from "react";
 import { d as fe, T as HD, a as OD, b as JD, f as en, c as jD, g as W1 } from "./tooltip-CMBdJvJA.js";
-import { C as LD, P as XD, c as Kd, n as z1, E as qD, a as $D, u as eS, b as Y1, e as tS, f as iS, g as nS, h as gS, i as Z0, M as aS, p as oS, j as H1, R as K0, k as O1, l as rS, m as sS, o as IS, q as CS, r as AS, t as J1, s as lS, O as j1, v as L1, w as cS, W as xs, A as dS, B as uS, L as fS, x as hS, V as mS, y as pS, z as BS, D as FS, G as Um, S as yS, H as X1, I as q1, J as US, K as QS, N as wS, Q as vS, T as bS, U as _S, X as kS, Y as xS, Z as DS, _ as W0, $ as SS, a0 as RS } from "./CoachmarkProvider-C1PAhGjU.js";
+import { C as LD, P as XD, c as Kd, n as z1, E as qD, a as $D, u as eS, b as Y1, e as tS, f as iS, g as nS, h as gS, i as Z0, M as aS, p as oS, j as H1, R as K0, k as O1, l as rS, m as sS, o as IS, q as CS, r as AS, t as J1, s as lS, O as j1, v as L1, w as cS, W as xs, A as dS, B as uS, L as fS, x as hS, V as mS, y as pS, z as BS, D as FS, G as Um, S as yS, H as X1, I as q1, J as US, K as QS, N as wS, Q as vS, T as bS, U as _S, X as kS, Y as xS, Z as DS, _ as W0, $ as SS, a0 as RS } from "./CoachmarkProvider-CWWcKPt4.js";
 import MS, { createPortal as dd } from "react-dom";
 import { g as PS } from "./_commonjsHelpers-ByX85dGu.js";
 import './experimental.css';const VS = Nk("Search", [
@@ -3445,8 +3445,10 @@ const xU = kU, oF = 4, rF = 3, UR = 1.3, QR = 1.08, sF = "cubic-bezier(0.16, 1,
         onPointerLeave: () => V(!1),
         onFocus: () => V(!0),
         onBlur: () => V(!1),
-        className: fe("group cursor-pointer outline-none", y),
-        style: { position: "relative", width: 0, height: 0 },
+        className: fe(
+          "group relative h-0 w-0 cursor-pointer outline-none",
+          y
+        ),
         children: [
           /* @__PURE__ */ h(
             "span",
@@ -3611,8 +3613,7 @@ const wR = DU, vR = 16, bR = (g, s, c, m) => {
               animate: { scale: 1, opacity: 1 },
               exit: { scale: 0.8, opacity: 0, transition: { duration: 0.12 } },
               transition: { duration: 0.3, ease: [0.34, 1.7, 0.5, 1] },
-              className: "flex leading-none",
-              style: { position: "absolute", left: 0, top: 0 },
+              className: "absolute left-0 top-0 flex leading-none",
               children: /* @__PURE__ */ h(
                 wR,
                 {
@@ -3644,7 +3645,7 @@ const wR = DU, vR = 16, bR = (g, s, c, m) => {
                   transition: { duration: 0.12, ease: "easeIn" }
                 },
                 transition: { duration: 0.2, ease: "easeOut" },
-                style: { position: "absolute", left: 0, top: 0 },
+                className: "absolute left-0 top-0",
                 children: /* @__PURE__ */ h(sn, { initial: !1, children: /* @__PURE__ */ h(
                   $t.span,
                   {
@@ -3652,8 +3653,7 @@ const wR = DU, vR = 16, bR = (g, s, c, m) => {
                     animate: { opacity: 1 },
                     exit: { opacity: 0 },
                     transition: { duration: 0.25, ease: "easeOut" },
-                    className: "flex leading-none",
-                    style: { position: "absolute", left: 0, top: 0 },
+                    className: "absolute left-0 top-0 flex leading-none",
                     children: /* @__PURE__ */ h(
                       xU,
                       {
@@ -33681,7 +33681,7 @@ function XP({
   return m ? /* @__PURE__ */ q("div", { className: "flex w-fit items-center gap-2 p-1.5", children: [
     /* @__PURE__ */ h(ft, { className: "size-6" }),
     /* @__PURE__ */ h(ft, { className: "h-3 w-14" })
-  ] }) : g.length + (v?.length || 0) === 1 ? /* @__PURE__ */ h("div", { className: "p-1.5", style: { maxWidth: "168px" }, children: /* @__PURE__ */ h(
+  ] }) : g.length + (v?.length || 0) === 1 ? /* @__PURE__ */ h("div", { className: "max-w-[168px] p-1.5", children: /* @__PURE__ */ h(
     GF,
     {
       company: y,
@@ -34562,13 +34562,7 @@ const xY = zn(rV), sV = ({ isActive: g }) => /* @__PURE__ */ h("div", { classNam
             "aria-hidden": "true",
             className: "pointer-events-none absolute inset-0 rounded",
             children: [
-              /* @__PURE__ */ h(
-                "span",
-                {
-                  style: { animationDuration: "8s" },
-                  className: "absolute inset-0 animate-rotate-gradient rounded bg-[conic-gradient(from_var(--gradient-angle),hsla(229,57%,76%,0.7),hsla(348,80%,50%,0.7),hsla(348,80%,50%,0.7),hsla(18,80%,50%,0.7),hsla(229,57%,76%,0.7),hsla(229,57%,76%,0.7))] opacity-80 blur-sm [--gradient-angle:0deg]"
-                }
-              ),
+              /* @__PURE__ */ h("span", { className: "[animation-duration:8s] absolute inset-0 animate-rotate-gradient rounded bg-[conic-gradient(from_var(--gradient-angle),hsla(229,57%,76%,0.7),hsla(348,80%,50%,0.7),hsla(348,80%,50%,0.7),hsla(18,80%,50%,0.7),hsla(229,57%,76%,0.7),hsla(229,57%,76%,0.7))] opacity-80 blur-sm [--gradient-angle:0deg]" }),
               /* @__PURE__ */ h("span", { className: "absolute inset-0 rounded bg-f1-background" })
             ]
           }
@@ -38227,7 +38221,7 @@ const cE = /* @__PURE__ */ new Set(["blob:", "data:"]), dE = /* @__PURE__ */ new
     ),
     children: g
   }
-), pE = () => import("./ChatPdfThumbnail-CTEggd6w.js"), BE = () => import("./ChatSheetThumbnail-D8aN1W_0.js"), FE = () => import("./ChatDocxThumbnail-D5hDwmp7.js"), yE = () => import("./ChatTextThumbnail-B53pSYUy.js"), UE = Rr(pE), QE = Rr(BE), wE = Rr(FE), vE = Rr(yE), bE = 384, _E = 160, kE = ({
+), pE = () => import("./ChatPdfThumbnail-qc9zQfi-.js"), BE = () => import("./ChatSheetThumbnail-D8aN1W_0.js"), FE = () => import("./ChatDocxThumbnail-D5hDwmp7.js"), yE = () => import("./ChatTextThumbnail-B53pSYUy.js"), UE = Rr(pE), QE = Rr(BE), wE = Rr(FE), vE = Rr(yE), bE = 384, _E = 160, kE = ({
   kind: g,
   url: s,
   width: c,
@@ -38421,7 +38415,7 @@ const cE = /* @__PURE__ */ new Set(["blob:", "data:"]), dE = /* @__PURE__ */ new
     });
     y.observe(v), c.current = y;
   }, []), shouldMount: g };
-}, jd = "w-[24rem] max-w-full", SE = "w-[32rem] max-w-full", RE = "gap-0.5", ME = "pointer-events-none absolute inset-x-0 bottom-0 h-[46%] bg-[linear-gradient(to_top,rgba(0,0,0,0.5),rgba(0,0,0,0.18)_45%,transparent)]", PE = "bg-[hsl(222_31%_11%)]", VE = "bg-[hsl(220_39%_6%/0.72)]", GE = "bg-[hsl(220_39%_6%/0.6)]", EE = "bg-[hsl(220_39%_6%/0.55)]", TE = () => import("./LocationMap-x-jgetRU.js"), NE = Rr(TE), ZE = 3 / 2, KE = ({ latitude: g, longitude: s }) => `https://www.google.com/maps?q=${g},${s}`, qQ = ({
+}, jd = "w-[24rem] max-w-full", SE = "w-[32rem] max-w-full", RE = "gap-0.5", ME = "pointer-events-none absolute inset-x-0 bottom-0 h-[46%] bg-[linear-gradient(to_top,rgba(0,0,0,0.5),rgba(0,0,0,0.18)_45%,transparent)]", PE = "bg-[hsl(222_31%_11%)]", VE = "bg-[hsl(220_39%_6%/0.72)]", GE = "bg-[hsl(220_39%_6%/0.6)]", EE = "bg-[hsl(220_39%_6%/0.55)]", TE = () => import("./LocationMap-BA72MPit.js"), NE = Rr(TE), ZE = 3 / 2, KE = ({ latitude: g, longitude: s }) => `https://www.google.com/maps?q=${g},${s}`, qQ = ({
   location: g,
   cornerClass: s = "rounded-xl",
   surfaceClassName: c,
@@ -44019,7 +44013,7 @@ const Y3 = {
     }
   ) }) });
 }, $3 = Rr(
-  () => import("./index-D9xRxSXF.js").then((g) => g.i).then((g) => ({
+  () => import("./index-BrUCTkir.js").then((g) => g.i).then((g) => ({
     default: g.F0PdfViewer
   }))
 ), eN = () => {
@@ -46469,7 +46463,7 @@ const y4 = 1e3, U4 = ({
       ]
     }
   );
-}, iZ = () => import("./index-BtJZvGNE.js").then((g) => ({
+}, iZ = () => import("./index-DeW8Pv-J.js").then((g) => ({
   default: g.F0VideoPlayer
 })), nZ = Rr(iZ), gZ = ({
   file: g,
@@ -48070,7 +48064,7 @@ const y4 = 1e3, U4 = ({
     }
   );
 }, JZ = /* @__PURE__ */ new Set(), jZ = Rr(
-  () => import("./ChatPostComposerDialog-PiEnilyS.js").then((g) => ({
+  () => import("./ChatPostComposerDialog-DDu0pCGc.js").then((g) => ({
     default: g.ChatPostComposerDialog
   }))
 ), LZ = () => {
@@ -51561,7 +51555,7 @@ const RW = ({ transform: g }) => ({
     const r = g ?? v.current;
     r && m.parentElement !== r && r.appendChild(m);
   }, [g, m]), Vn(() => () => m.remove(), [m]), /* @__PURE__ */ q(hi, { children: [
-    /* @__PURE__ */ h("div", { ref: y, style: { display: "contents" } }),
+    /* @__PURE__ */ h("div", { ref: y, className: "contents" }),
     dd(s, m)
   ] });
 }, VW = [

package/dist/experimental.d.ts

@@ -10599,7 +10599,18 @@ export { F0SelectItemProps as SelectItemProps }
 declare type F0SelectPopupProps<T extends string, R = unknown> = {
     onChangeSelectedOption?: (option: F0SelectItemObject<T, ResolvedRecordType<R>> | undefined, checked: boolean) => void;
     open?: boolean;
+    /**
+     * Whether the list can be searched.
+     *
+     * With no filters the trigger itself is the search field: you type where the
+     * value shows. With filters, and for `variant="inline"`, `asList` and custom
+     * triggers, the search box stays in the dropdown's top row.
+     */
     showSearchBox?: boolean;
+    /**
+     * Placeholder for the search field. When the trigger is the search field the
+     * select's own `placeholder` wins and this stands in.
+     */
     searchBoxPlaceholder?: string;
     onSearchChange?: (value: string) => void;
     searchValue?: string;
@@ -12343,10 +12354,29 @@ declare type InputFieldProps<T> = {
     labelIcon?: IconType;
     hideLabel?: boolean;
     hidePlaceholder?: boolean;
+    /**
+     * Rich content drawn where the typed text would be, for a field whose value
+     * is not text: icons, avatars, a count. Dropped as soon as there is text,
+     * and it hides the placeholder while shown.
+     */
+    valueSlot?: React.ReactNode;
+    /**
+     * Leaves the typed text alone when the clear button is pressed, so `onClear`
+     * is the whole behavior. For a field whose value is not its text, the button
+     * clears that value and the text is the user's query.
+     */
+    clearKeepsText?: boolean;
+    /**
+     * Whether there is anything to clear, when `isEmpty` cannot answer it: with
+     * a `valueSlot` the placeholder follows the text and the clear button
+     * follows the value.
+     */
+    canClear?: boolean;
     name?: string;
     onClickPlaceholder?: () => void;
     onClickChildren?: () => void;
-    onClickContent?: () => void;
+    /** Receives the click, so a caller can tell where in the field it landed. */
+    onClickContent?: (event: React.MouseEvent) => void;
     value?: T;
     onChange?: (value: T) => void;
     size?: InputFieldSize;
@@ -12369,9 +12399,11 @@ declare type InputFieldProps<T> = {
      * selection moves elsewhere, so a screen reader hears nothing. */
     "aria-activedescendant"?: AriaAttributes["aria-activedescendant"];
     "aria-autocomplete"?: AriaAttributes["aria-autocomplete"];
+    /** How a `valueSlot` value reaches a screen reader. */
+    "aria-describedby"?: AriaAttributes["aria-describedby"];
     onClear?: () => void;
     onFocus?: () => void;
-    onBlur?: () => void;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
     onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     canGrow?: boolean;
     children: React.ReactNode & {

package/dist/experimental.js

@@ -1,6 +1,6 @@
-import { G as s, D as t, A as i, b as o, T as r, aC as n, aB as l, aD as d, C as S, H as C, L as g, V as m, aJ as u, aK as c, aT as b, J as h, I as P, aI as T, aU as p, N as F, M as I, aa as E, be as A, bl as B, U as L, bd as y, E as D, d as W, g as k, n as v, ar as O, as as _, ap as f, O as N, ay as M, F as R, o as x, r as H, t as V, p as G, h as w, w as z, x as U, K as j, aX as K, aY as q, aM as J, ax as X, b0 as Y, bb as Q, aE as Z, ad as $, aW as aa, $ as ea, aj as sa, P as ta, bp as ia, a0 as oa, W as ra, X as na, Y as la, aF as da, R as Sa, b9 as Ca, bf as ga, S as ma, ae as ua, af as ca, a5 as ba, a6 as ha, a7 as Pa, a4 as Ta, a8 as pa, a1 as Fa, a9 as Ia, ab as Ea, ac as Aa, ag as Ba, ah as La, bj as ya, bi as Da, aA as Wa, az as ka, aH as va, aV as Oa, aS as _a, aG as fa, ai as Na, aN as Ma, bk as Ra, bn as xa, aL as Ha, aQ as Va, aO as Ga, bo as wa, aR as za, aP as Ua, bm as ja, e as Ka, i as qa, am as Ja, ao as Xa, bh as Ya, bg as Qa, an as Za, at as $a, f as ae, q as ee, v as se, k as te, l as ie, b3 as oe, b1 as re, aw as ne, au as le, av as de, a$ as Se, bc as Ce, b2 as ge, y as me, z as ue, j as ce, B as be, b7 as he, a_ as Pe, b4 as Te, ak as pe, ba as Fe, c as Ie, aq as Ee, al as Ae, u as Be, aZ as Le, _ as ye, Z as De, Q as We, a3 as ke, a2 as ve, b8 as Oe, b6 as _e, b5 as fe } from "./experimental-DtoF9Hks.js";
-import { dY as Me, ey as Re, ex as xe, eL as He, ds as Ve, ev as Ge, ch as we, c7 as ze, ce as Ue, eq as je, c0 as Ke, c0 as qe, bV as Je, er as Xe, ck as Ye, ec as Qe, cl as Ze, eO as $e, ew as as, eH as es, eI as ss, db as ts, eM as is, k as os, dZ as rs, cN as ns, eu as ls, eA as ds, ez as Ss, T as Cs, h as gs, bW as ms, eJ as us, eP as cs, eK as bs, eN as hs, eG as Ps, eD as Ts, eF as ps, eB as Fs, es as Is, et as Es, em as As, eE as Bs, eC as Ls, dT as ys } from "./F0CanvasPanel-Bpd75kYc.js";
-import { aA as Ws, aB as ks, a7 as vs, a8 as Os, a5 as _s, ai as fs, C as Ns, a9 as Ms, aM as Rs, ae as xs, aL as Hs, ah as Vs, a6 as Gs, ay as ws, aj as zs, aO as Us, aN as js, aq as Ks, ak as qs, at as Js, F as Xs, a4 as Ys, av as Qs, as as Zs, an as $s, aS as at, ao as et, aw as st, ax as tt, aa as it, aP as ot, aQ as rt, ap as nt, az as lt, aI as dt, O as St, aK as Ct, ab as gt, aU as mt, ad as ut, af as ct, at as bt, aR as ht, au as Pt, ar as Tt, aT as pt, ac as Ft, W as It, ag as Et, a3 as At, a1 as Bt, a2 as Lt, aE as yt, aF as Dt, aC as Wt, aJ as kt, am as vt, al as Ot, aG as _t, m as ft, aD as Nt, aH as Mt, G as Rt } from "./CoachmarkProvider-C1PAhGjU.js";
+import { G as s, D as t, A as i, b as o, T as r, aC as n, aB as l, aD as d, C as S, H as C, L as g, V as m, aJ as u, aK as c, aT as b, J as h, I as P, aI as T, aU as p, N as F, M as I, aa as E, be as A, bl as B, U as L, bd as y, E as D, d as W, g as k, n as v, ar as O, as as _, ap as f, O as N, ay as M, F as R, o as x, r as H, t as V, p as G, h as w, w as z, x as U, K as j, aX as K, aY as q, aM as J, ax as X, b0 as Y, bb as Q, aE as Z, ad as $, aW as aa, $ as ea, aj as sa, P as ta, bp as ia, a0 as oa, W as ra, X as na, Y as la, aF as da, R as Sa, b9 as Ca, bf as ga, S as ma, ae as ua, af as ca, a5 as ba, a6 as ha, a7 as Pa, a4 as Ta, a8 as pa, a1 as Fa, a9 as Ia, ab as Ea, ac as Aa, ag as Ba, ah as La, bj as ya, bi as Da, aA as Wa, az as ka, aH as va, aV as Oa, aS as _a, aG as fa, ai as Na, aN as Ma, bk as Ra, bn as xa, aL as Ha, aQ as Va, aO as Ga, bo as wa, aR as za, aP as Ua, bm as ja, e as Ka, i as qa, am as Ja, ao as Xa, bh as Ya, bg as Qa, an as Za, at as $a, f as ae, q as ee, v as se, k as te, l as ie, b3 as oe, b1 as re, aw as ne, au as le, av as de, a$ as Se, bc as Ce, b2 as ge, y as me, z as ue, j as ce, B as be, b7 as he, a_ as Pe, b4 as Te, ak as pe, ba as Fe, c as Ie, aq as Ee, al as Ae, u as Be, aZ as Le, _ as ye, Z as De, Q as We, a3 as ke, a2 as ve, b8 as Oe, b6 as _e, b5 as fe } from "./experimental-C93eeym2.js";
+import { dY as Me, ey as Re, ex as xe, eL as He, ds as Ve, ev as Ge, ch as we, c7 as ze, ce as Ue, eq as je, c0 as Ke, c0 as qe, bV as Je, er as Xe, ck as Ye, ec as Qe, cl as Ze, eO as $e, ew as as, eH as es, eI as ss, db as ts, eM as is, k as os, dZ as rs, cN as ns, eu as ls, eA as ds, ez as Ss, T as Cs, h as gs, bW as ms, eJ as us, eP as cs, eK as bs, eN as hs, eG as Ps, eD as Ts, eF as ps, eB as Fs, es as Is, et as Es, em as As, eE as Bs, eC as Ls, dT as ys } from "./F0CanvasPanel-LujTdn6J.js";
+import { aA as Ws, aB as ks, a7 as vs, a8 as Os, a5 as _s, ai as fs, C as Ns, a9 as Ms, aM as Rs, ae as xs, aL as Hs, ah as Vs, a6 as Gs, ay as ws, aj as zs, aO as Us, aN as js, aq as Ks, ak as qs, at as Js, F as Xs, a4 as Ys, av as Qs, as as Zs, an as $s, aS as at, ao as et, aw as st, ax as tt, aa as it, aP as ot, aQ as rt, ap as nt, az as lt, aI as dt, O as St, aK as Ct, ab as gt, aU as mt, ad as ut, af as ct, at as bt, aR as ht, au as Pt, ar as Tt, aT as pt, ac as Ft, W as It, ag as Et, a3 as At, a1 as Bt, a2 as Lt, aE as yt, aF as Dt, aC as Wt, aJ as kt, am as vt, al as Ot, aG as _t, m as ft, aD as Nt, aH as Mt, G as Rt } from "./CoachmarkProvider-CWWcKPt4.js";
 export {
   Ws as AUTO_PER_PAGE_MAX,
   ks as AUTO_PER_PAGE_MIN_RESERVED_ROWS,

package/dist/f0.d.ts

@@ -1965,23 +1965,23 @@ declare type BoxVariantProps = VariantProps<typeof boxVariants>;
 
 declare const boxVariants: (props?: ({
     zIndex?: "0" | "auto" | "10" | "20" | "50" | "40" | "30" | undefined;
-    boxShadow?: "none" | "lg" | "md" | "sm" | "xl" | undefined;
+    boxShadow?: "lg" | "md" | "sm" | "none" | "xl" | undefined;
     divider?: "x" | "y" | undefined;
     dividerColor?: "info" | "bold" | "default" | "secondary" | "critical" | "warning" | "positive" | "promote" | "selected" | "critical-bold" | "info-bold" | "warning-bold" | "positive-bold" | "selected-bold" | undefined;
     overflow?: "hidden" | "auto" | "scroll" | "visible" | undefined;
     overflowX?: "hidden" | "auto" | "scroll" | "visible" | undefined;
     overflowY?: "hidden" | "auto" | "scroll" | "visible" | undefined;
     borderColor?: "info" | "bold" | "default" | "secondary" | "critical" | "warning" | "positive" | "promote" | "selected" | "critical-bold" | "info-bold" | "warning-bold" | "positive-bold" | "selected-bold" | undefined;
-    border?: "none" | "default" | "thick" | undefined;
-    borderTop?: "none" | "default" | "thick" | undefined;
-    borderBottom?: "none" | "default" | "thick" | undefined;
-    borderLeft?: "none" | "default" | "thick" | undefined;
-    borderRight?: "none" | "default" | "thick" | undefined;
-    borderRadius?: "none" | "lg" | "md" | "sm" | "xs" | "xl" | "2xs" | "2xl" | "full" | "3xl" | undefined;
-    borderRadiusTopLeft?: "none" | "lg" | "md" | "sm" | "xs" | "xl" | "2xs" | "2xl" | "full" | "3xl" | undefined;
-    borderRadiusTopRight?: "none" | "lg" | "md" | "sm" | "xs" | "xl" | "2xs" | "2xl" | "full" | "3xl" | undefined;
-    borderRadiusBottomLeft?: "none" | "lg" | "md" | "sm" | "xs" | "xl" | "2xs" | "2xl" | "full" | "3xl" | undefined;
-    borderRadiusBottomRight?: "none" | "lg" | "md" | "sm" | "xs" | "xl" | "2xs" | "2xl" | "full" | "3xl" | undefined;
+    border?: "default" | "none" | "thick" | undefined;
+    borderTop?: "default" | "none" | "thick" | undefined;
+    borderBottom?: "default" | "none" | "thick" | undefined;
+    borderLeft?: "default" | "none" | "thick" | undefined;
+    borderRight?: "default" | "none" | "thick" | undefined;
+    borderRadius?: "lg" | "md" | "sm" | "xs" | "none" | "xl" | "2xs" | "2xl" | "full" | "3xl" | undefined;
+    borderRadiusTopLeft?: "lg" | "md" | "sm" | "xs" | "none" | "xl" | "2xs" | "2xl" | "full" | "3xl" | undefined;
+    borderRadiusTopRight?: "lg" | "md" | "sm" | "xs" | "none" | "xl" | "2xs" | "2xl" | "full" | "3xl" | undefined;
+    borderRadiusBottomLeft?: "lg" | "md" | "sm" | "xs" | "none" | "xl" | "2xs" | "2xl" | "full" | "3xl" | undefined;
+    borderRadiusBottomRight?: "lg" | "md" | "sm" | "xs" | "none" | "xl" | "2xs" | "2xl" | "full" | "3xl" | undefined;
     borderStyle?: "none" | "dashed" | "dotted" | "double" | "solid" | undefined;
     background?: "info" | "bold" | "secondary" | "inverse" | "critical" | "accent" | "warning" | "positive" | "promote" | "selected" | "critical-bold" | "transparent" | "overlay" | "primary" | "tertiary" | "inverse-secondary" | "accent-bold" | "info-bold" | "warning-bold" | "positive-bold" | "selected-secondary" | "selected-bold" | undefined;
     width?: SizeToken_2 | undefined;
@@ -1995,32 +1995,32 @@ declare const boxVariants: (props?: ({
     colSpan?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "full" | undefined;
     colStart?: "1" | "2" | "3" | "4" | "auto" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | undefined;
     rowSpan?: "1" | "2" | "3" | "4" | "5" | "6" | "full" | undefined;
-    gap?: "none" | "lg" | "md" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    gap?: "lg" | "md" | "sm" | "xs" | "none" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
     alignItems?: "center" | "end" | "baseline" | "start" | "stretch" | undefined;
     justifyContent?: "center" | "end" | "start" | "between" | "stretch" | "around" | "evenly" | undefined;
     flexDirection?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
     flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
     grow?: boolean | undefined;
     shrink?: boolean | undefined;
-    margin?: "none" | "lg" | "md" | "sm" | "xs" | "auto" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
-    marginX?: "none" | "lg" | "md" | "sm" | "xs" | "auto" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
-    marginY?: "none" | "lg" | "md" | "sm" | "xs" | "auto" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
-    marginTop?: "none" | "lg" | "md" | "sm" | "xs" | "auto" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
-    marginBottom?: "none" | "lg" | "md" | "sm" | "xs" | "auto" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
-    marginLeft?: "none" | "lg" | "md" | "sm" | "xs" | "auto" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
-    marginRight?: "none" | "lg" | "md" | "sm" | "xs" | "auto" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
-    padding?: "none" | "lg" | "md" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
-    paddingX?: "none" | "lg" | "md" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
-    paddingY?: "none" | "lg" | "md" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
-    paddingTop?: "none" | "lg" | "md" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
-    paddingBottom?: "none" | "lg" | "md" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
-    paddingLeft?: "none" | "lg" | "md" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
-    paddingRight?: "none" | "lg" | "md" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
-    top?: "none" | "lg" | "md" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
-    right?: "none" | "lg" | "md" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
-    bottom?: "none" | "lg" | "md" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
-    left?: "none" | "lg" | "md" | "sm" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
-    display?: "block" | "inline" | "flex" | "grid" | "inline-flex" | "none" | undefined;
+    margin?: "lg" | "md" | "sm" | "xs" | "none" | "auto" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    marginX?: "lg" | "md" | "sm" | "xs" | "none" | "auto" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    marginY?: "lg" | "md" | "sm" | "xs" | "none" | "auto" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    marginTop?: "lg" | "md" | "sm" | "xs" | "none" | "auto" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    marginBottom?: "lg" | "md" | "sm" | "xs" | "none" | "auto" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    marginLeft?: "lg" | "md" | "sm" | "xs" | "none" | "auto" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    marginRight?: "lg" | "md" | "sm" | "xs" | "none" | "auto" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    padding?: "lg" | "md" | "sm" | "xs" | "none" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    paddingX?: "lg" | "md" | "sm" | "xs" | "none" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    paddingY?: "lg" | "md" | "sm" | "xs" | "none" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    paddingTop?: "lg" | "md" | "sm" | "xs" | "none" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    paddingBottom?: "lg" | "md" | "sm" | "xs" | "none" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    paddingLeft?: "lg" | "md" | "sm" | "xs" | "none" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    paddingRight?: "lg" | "md" | "sm" | "xs" | "none" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    top?: "lg" | "md" | "sm" | "xs" | "none" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    right?: "lg" | "md" | "sm" | "xs" | "none" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    bottom?: "lg" | "md" | "sm" | "xs" | "none" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    left?: "lg" | "md" | "sm" | "xs" | "none" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
+    display?: "block" | "grid" | "none" | "inline" | "flex" | "inline-flex" | undefined;
     position?: "fixed" | "sticky" | "relative" | "static" | "absolute" | undefined;
 } & ({
     class?: ClassValue;
@@ -4628,7 +4628,7 @@ export declare type DataSourceItemId = string | number | symbol;
  * Wrapper component that conditionally renders a `data-testid` attribute.
  *
  * When `dataTestId` is provided and the platform context enables test id rendering,
- * wraps children in a `<div data-testid={dataTestId} style={{ display: "contents" }}>`.
+ * wraps children in a `<div data-testid={dataTestId} className="contents">`.
  * Otherwise renders children as-is with no wrapper element.
  *
  * Use this directly inside components with complex generic types (e.g. F0Select,
@@ -13277,7 +13277,18 @@ export declare type F0SelectItemProps<T, R = unknown> = F0SelectItemObject<T, R>
 declare type F0SelectPopupProps<T extends string, R = unknown> = {
     onChangeSelectedOption?: (option: F0SelectItemObject<T, ResolvedRecordType<R>> | undefined, checked: boolean) => void;
     open?: boolean;
+    /**
+     * Whether the list can be searched.
+     *
+     * With no filters the trigger itself is the search field: you type where the
+     * value shows. With filters, and for `variant="inline"`, `asList` and custom
+     * triggers, the search box stays in the dropdown's top row.
+     */
     showSearchBox?: boolean;
+    /**
+     * Placeholder for the search field. When the trigger is the search field the
+     * select's own `placeholder` wins and this stands in.
+     */
     searchBoxPlaceholder?: string;
     onSearchChange?: (value: string) => void;
     searchValue?: string;
@@ -15570,10 +15581,29 @@ declare type InputFieldProps<T> = {
     labelIcon?: IconType;
     hideLabel?: boolean;
     hidePlaceholder?: boolean;
+    /**
+     * Rich content drawn where the typed text would be, for a field whose value
+     * is not text: icons, avatars, a count. Dropped as soon as there is text,
+     * and it hides the placeholder while shown.
+     */
+    valueSlot?: React.ReactNode;
+    /**
+     * Leaves the typed text alone when the clear button is pressed, so `onClear`
+     * is the whole behavior. For a field whose value is not its text, the button
+     * clears that value and the text is the user's query.
+     */
+    clearKeepsText?: boolean;
+    /**
+     * Whether there is anything to clear, when `isEmpty` cannot answer it: with
+     * a `valueSlot` the placeholder follows the text and the clear button
+     * follows the value.
+     */
+    canClear?: boolean;
     name?: string;
     onClickPlaceholder?: () => void;
     onClickChildren?: () => void;
-    onClickContent?: () => void;
+    /** Receives the click, so a caller can tell where in the field it landed. */
+    onClickContent?: (event: React.MouseEvent) => void;
     value?: T;
     onChange?: (value: T) => void;
     size?: InputFieldSize;
@@ -15596,9 +15626,11 @@ declare type InputFieldProps<T> = {
      * selection moves elsewhere, so a screen reader hears nothing. */
     "aria-activedescendant"?: AriaAttributes["aria-activedescendant"];
     "aria-autocomplete"?: AriaAttributes["aria-autocomplete"];
+    /** How a `valueSlot` value reaches a screen reader. */
+    "aria-describedby"?: AriaAttributes["aria-describedby"];
     onClear?: () => void;
     onFocus?: () => void;
-    onBlur?: () => void;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
     onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     canGrow?: boolean;
     children: React.ReactNode & {