@factorialco/f0-react 8.32.2 → 8.33.0

package/dist/experimental.d.ts

@@ -5481,6 +5481,11 @@ declare const defaultTranslations: {
     };
     readonly swipeDeck: {
         readonly label: "Swipe deck";
+        readonly skip: "Skip";
+        readonly accept: "Accept";
+        readonly undo: "Undo";
+        readonly undone: "Undone";
+        readonly hint: "Use the arrow keys to decide, backspace to undo, or drag the card";
     };
     readonly meetingCard: {
         readonly today: "Today";
@@ -12532,17 +12537,27 @@ export declare type F0SelectVariant = (typeof selectVariants)[number];
 /**
  * @experimental This is an experimental component, use it at your own risk.
  */
-export declare const F0SwipeDeck: <T>({ deck, renderCard, label, empty, dataTestId, offsetThreshold, velocityThreshold, }: F0SwipeDeckProps<T>) => JSX_2.Element;
+export declare const F0SwipeDeck: <T>({ deck, renderCard, label, empty, header, directions, getItemLabel, hideActions, dataTestId, offsetThreshold, velocityThreshold, peekCount, }: F0SwipeDeckProps<T>) => JSX_2.Element;
 
 export declare type F0SwipeDeckProps<T> = WithDataTestIdProps & {
     deck: UseSwipeDeckResult<T>;
     renderCard: (item: T) => ReactNode;
     label?: string;
     empty?: ReactNode;
+    /** Rendered above the deck, untouched by the gesture. */
+    header?: ReactNode;
+    /** Names each outcome, on its button and in the announcement. */
+    directions?: Record<SwipeDirection, string>;
+    /** Names the item in the decision announcement. */
+    getItemLabel?: (item: T) => string;
+    /** Hides the built-in button row, for a consumer supplying its own. */
+    hideActions?: boolean;
     /** Drag distance in pixels that commits a decision. */
     offsetThreshold?: number;
     /** Drag speed in pixels per second that commits a decision regardless of distance. */
     velocityThreshold?: number;
+    /** How many cards show behind the current one. */
+    peekCount?: number;
 };
 
 /**
@@ -14334,7 +14349,7 @@ declare const inlineDismissReasons: readonly ["blur", "escape", "commit"];
  */
 export declare const Input: ForwardRefExoticComponent<Omit<F0TextInputProps, "ref"> & RefAttributes<HTMLInputElement>>;
 
-declare const Input_2: React_2.ForwardRefExoticComponent<Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "onChange" | "size"> & Pick<InputFieldProps<string>, "label" | "onChange" | "size" | "icon" | "role" | "onFocus" | "onBlur" | "transparent" | "status" | "loading" | "disabled" | "maxLength" | "required" | "error" | "editing" | "variant" | "append" | "hideLabel" | "hint" | "isEmpty" | "labelIcon" | "onClickContent" | "readonly" | "clearable" | "autocomplete" | "onClear" | "onBlurWithin" | "emptyValue" | "hideMaxLength" | "appendTag" | "lengthProvider" | "buttonToggle" | "inlineText"> & React_2.RefAttributes<HTMLInputElement>>;
+declare const Input_2: React_2.ForwardRefExoticComponent<Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "onChange" | "size"> & Pick<InputFieldProps<string>, "label" | "onChange" | "size" | "icon" | "role" | "onFocus" | "onBlur" | "transparent" | "status" | "loading" | "disabled" | "maxLength" | "required" | "hint" | "error" | "editing" | "variant" | "append" | "hideLabel" | "isEmpty" | "labelIcon" | "onClickContent" | "readonly" | "clearable" | "autocomplete" | "onClear" | "onBlurWithin" | "emptyValue" | "hideMaxLength" | "appendTag" | "lengthProvider" | "buttonToggle" | "inlineText"> & React_2.RefAttributes<HTMLInputElement>>;
 
 declare const INPUTFIELD_SIZES: readonly ["sm", "md"];
 
@@ -18930,6 +18945,11 @@ export declare type SwipeDeckAction = {
     type: "rollback";
 };
 
+export declare type SwipeDeckEntry<T> = {
+    id: string;
+    item: T;
+};
+
 export declare type SwipeDirection = (typeof swipeDirections)[number];
 
 export declare const swipeDirections: readonly ["left", "right"];
@@ -19389,7 +19409,7 @@ declare const Textarea_2: ForwardRefExoticComponent<Omit<TextareaHTMLAttributes<
 value?: string;
 /** Maximum height in pixels. When set, the textarea scrolls beyond this height instead of growing. */
 maxHeight?: number;
-} & Pick<InputFieldProps<string>, "label" | "value" | "onChange" | "size" | "icon" | "onFocus" | "onBlur" | "onKeyDown" | "status" | "loading" | "maxLength" | "placeholder" | "required" | "error" | "hideLabel" | "hint" | "labelIcon" | "clearable" | "onClear"> & RefAttributes<HTMLTextAreaElement>>;
+} & Pick<InputFieldProps<string>, "label" | "value" | "onChange" | "size" | "icon" | "onFocus" | "onBlur" | "onKeyDown" | "status" | "loading" | "maxLength" | "placeholder" | "required" | "hint" | "error" | "hideLabel" | "labelIcon" | "clearable" | "onClear"> & RefAttributes<HTMLTextAreaElement>>;
 
 /**
  * @deprecated Renamed to `F0TextAreaInputProps`. See the `Textarea`
@@ -20226,6 +20246,8 @@ export declare type UseSwipeDeckOptions<T> = {
 export declare type UseSwipeDeckResult<T> = {
     current: T | undefined;
     currentId: string | undefined;
+    /** The `count` cards behind the current one, nearest first. */
+    peek: (count: number) => SwipeDeckEntry<T>[];
     index: number;
     total: number;
     remaining: number;
@@ -21204,16 +21226,6 @@ declare module "@tiptap/core" {
 }
 
 
-declare module "@tiptap/core" {
-    interface Commands<ReturnType> {
-        fontSize: {
-            setFontSize: (fontSize: string) => ReturnType;
-            unsetFontSize: () => ReturnType;
-        };
-    }
-}
-
-
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         enhanceHighlight: {
@@ -21228,8 +21240,9 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        moodTracker: {
-            insertMoodTracker: (data: MoodTrackerData) => ReturnType;
+        fontSize: {
+            setFontSize: (fontSize: string) => ReturnType;
+            unsetFontSize: () => ReturnType;
         };
     }
 }
@@ -21246,6 +21259,15 @@ declare module "@tiptap/core" {
 }
 
 
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        moodTracker: {
+            insertMoodTracker: (data: MoodTrackerData) => ReturnType;
+        };
+    }
+}
+
+
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         transcript: {

package/dist/experimental.js

@@ -1,4 +1,4 @@
-import { K as s, J as t, A as i, b as o, _ as r, bv as n, bu as l, bw as S, I as d, M as b, Q as g, a0 as c, bC as u, bD as C, bM as m, O as F, N as p, bB as P, bN as T, T as h, R as M, ah as I, c6 as f, cd as E, $ as A, c5 as D, E as L, d as R, g as y, w as B, aC as _, aF as k, aD as v, aA as O, U as W, h as N, br as x, F as H, aL as w, k as V, aQ as G, aM as z, aN as U, aO as X, q as K, t as Q, x as j, y as Y, C as Z, aE as $, P as q, bQ as J, bR as aa, bF as ea, aK as sa, bU as ta, c3 as ia, bx as oa, b3 as ra, aP as na, b1 as la, b0 as Sa, aV as da, b2 as ba, ak as ga, bP as ca, a6 as ua, at as Ca, Y as ma, X as Fa, Z as pa, ch as Pa, a7 as Ta, a1 as ha, a2 as Ma, a3 as Ia, by as fa, V as Ea, c1 as Aa, c7 as Da, S as La, an as Ra, ao as ya, ac as Ba, ad as _a, ae as ka, ab as va, af as Oa, a8 as Wa, ag as Na, ai as xa, aj as Ha, al as wa, am as Va, ap as Ga, aq as za, ar as Ua, cb as Xa, ca as Ka, bt as Qa, bs as ja, bA as Ya, bO as Za, bL as $a, bz as qa, as as Ja, bG as ae, cc as ee, cf as se, bE as te, bJ as ie, bH as oe, cg as re, bK as ne, bI as le, ce as Se, e as de, l as be, b9 as ge, ax as ce, az as ue, j as Ce, aY as me, c9 as Fe, c8 as pe, ay as Pe, au as Te, aG as he, f as Me, bm as Ie, bq as fe, bk as Ee, bl as Ae, bi as De, bj as Le, bn as Re, bo as ye, bh as Be, o as _e, p as ke, bp as ve, bX as Oe, bV as We, aJ as Ne, aH as xe, aI as He, b5 as we, c4 as Ve, bW as Ge, D as ze, G as Ue, m as Xe, bc as Ke, W as Qe, H as je, bd as Ye, r as Ze, b$ as $e, b8 as qe, v as Je, b7 as as, be as es, bT as ss, bY as ts, av as is, bf as os, c2 as rs, b4 as ns, b6 as ls, B as Ss, ba as ds, bb as bs, c as gs, aB as cs, L as us, i as Cs, aw as ms, u as Fs, aR as ps, aS as Ps, aT as Ts, aU as hs, bS as Ms, aZ as Is, a_ as fs, aW as Es, aX as As, a5 as Ds, a4 as Ls, aa as Rs, a9 as ys, z as Bs, a$ as _s, bg as ks, c0 as vs, b_ as Os, bZ as Ws } from "./experimental-BVFSvDo0.js";
+import { K as s, J as t, A as i, b as o, _ as r, bv as n, bu as l, bw as S, I as d, M as b, Q as g, a0 as c, bC as u, bD as C, bM as m, O as F, N as p, bB as P, bN as T, T as h, R as M, ah as I, c6 as f, cd as E, $ as A, c5 as D, E as L, d as R, g as y, w as B, aC as _, aF as k, aD as v, aA as O, U as W, h as N, br as x, F as H, aL as w, k as V, aQ as G, aM as z, aN as U, aO as X, q as K, t as Q, x as j, y as Y, C as Z, aE as $, P as q, bQ as J, bR as aa, bF as ea, aK as sa, bU as ta, c3 as ia, bx as oa, b3 as ra, aP as na, b1 as la, b0 as Sa, aV as da, b2 as ba, ak as ga, bP as ca, a6 as ua, at as Ca, Y as ma, X as Fa, Z as pa, ch as Pa, a7 as Ta, a1 as ha, a2 as Ma, a3 as Ia, by as fa, V as Ea, c1 as Aa, c7 as Da, S as La, an as Ra, ao as ya, ac as Ba, ad as _a, ae as ka, ab as va, af as Oa, a8 as Wa, ag as Na, ai as xa, aj as Ha, al as wa, am as Va, ap as Ga, aq as za, ar as Ua, cb as Xa, ca as Ka, bt as Qa, bs as ja, bA as Ya, bO as Za, bL as $a, bz as qa, as as Ja, bG as ae, cc as ee, cf as se, bE as te, bJ as ie, bH as oe, cg as re, bK as ne, bI as le, ce as Se, e as de, l as be, b9 as ge, ax as ce, az as ue, j as Ce, aY as me, c9 as Fe, c8 as pe, ay as Pe, au as Te, aG as he, f as Me, bm as Ie, bq as fe, bk as Ee, bl as Ae, bi as De, bj as Le, bn as Re, bo as ye, bh as Be, o as _e, p as ke, bp as ve, bX as Oe, bV as We, aJ as Ne, aH as xe, aI as He, b5 as we, c4 as Ve, bW as Ge, D as ze, G as Ue, m as Xe, bc as Ke, W as Qe, H as je, bd as Ye, r as Ze, b$ as $e, b8 as qe, v as Je, b7 as as, be as es, bT as ss, bY as ts, av as is, bf as os, c2 as rs, b4 as ns, b6 as ls, B as Ss, ba as ds, bb as bs, c as gs, aB as cs, L as us, i as Cs, aw as ms, u as Fs, aR as ps, aS as Ps, aT as Ts, aU as hs, bS as Ms, aZ as Is, a_ as fs, aW as Es, aX as As, a5 as Ds, a4 as Ls, aa as Rs, a9 as ys, z as Bs, a$ as _s, bg as ks, c0 as vs, b_ as Os, bZ as Ws } from "./experimental-B8-mgCce.js";
 import { eh as xs, eU as Hs, eT as ws, f4 as Vs, r as Gs, eR as zs, cM as Us, cn as Xs, cJ as Ks, eM as Qs, ct as js, ct as Ys, cq as Zs, eN as $s, cP as qs, ex as Js, cQ as at, f7 as et, eS as st, f0 as tt, f1 as it, eg as ot, f5 as rt, l as nt, ei as lt, da as St, eQ as dt, dZ as bt, eV as gt, T as ct, h as ut, cr as Ct, f2 as mt, f8 as Ft, f3 as pt, f6 as Pt, e$ as Tt, eY as ht, e_ as Mt, eW as It, eO as ft, eP as Et, eI as At, eZ as Dt, eX as Lt, d$ as Rt } from "./F0CanvasPanel-WVtVnJRZ.js";
 import { aW as Bt, aX as _t, aq as kt, ar as vt, ao as Ot, aB as Wt, w as Nt, as as xt, b5 as Ht, ax as wt, b4 as Vt, aA as Gt, ap as zt, aU as Ut, aC as Xt, b7 as Kt, b6 as Qt, aK as jt, aL as Yt, aD as Zt, aP as $t, F as qt, an as Jt, aR as ai, aN as ei, aO as si, aI as ti, aG as ii, bb as oi, aH as ri, aS as ni, aT as li, at as Si, b8 as di, b9 as bi, aJ as gi, aV as ci, b1 as ui, T as Ci, b3 as mi, au as Fi, bd as pi, aw as Pi, ay as Ti, aP as hi, ba as Mi, aQ as Ii, aM as fi, bc as Ei, av as Ai, X as Di, az as Li, am as Ri, ak as yi, al as Bi, a_ as _i, a$ as ki, aY as vi, be as Oi, b2 as Wi, aF as Ni, aE as xi, u as Hi, A as wi, aZ as Vi, b0 as Gi, a4 as zi } from "./MapProvider-27XPHPiu.js";
 import { a as Xi, e as Ki, i as Qi, g as ji, h as Yi, F as Zi, R as $i, m as qi, f as Ji, j as ao, k as eo, l as so, u as to } from "./F0Map-CNWfSFZ1.js";

package/dist/f0.d.ts

@@ -5409,6 +5409,11 @@ export declare const defaultTranslations: {
     };
     readonly swipeDeck: {
         readonly label: "Swipe deck";
+        readonly skip: "Skip";
+        readonly accept: "Accept";
+        readonly undo: "Undo";
+        readonly undone: "Undone";
+        readonly hint: "Use the arrow keys to decide, backspace to undo, or drag the card";
     };
     readonly meetingCard: {
         readonly today: "Today";
@@ -16600,7 +16605,7 @@ declare type InlineValueMinWidth = number | {
  */
 export declare const Input: ForwardRefExoticComponent<Omit<F0TextInputProps, "ref"> & RefAttributes<HTMLInputElement>>;
 
-declare const Input_2: React_2.ForwardRefExoticComponent<Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "onChange" | "size"> & Pick<InputFieldProps<string>, "label" | "onChange" | "size" | "icon" | "role" | "onFocus" | "onBlur" | "transparent" | "status" | "loading" | "disabled" | "maxLength" | "required" | "error" | "editing" | "variant" | "append" | "hideLabel" | "hint" | "isEmpty" | "labelIcon" | "onClickContent" | "readonly" | "clearable" | "autocomplete" | "onClear" | "onBlurWithin" | "emptyValue" | "hideMaxLength" | "appendTag" | "lengthProvider" | "buttonToggle" | "inlineText"> & React_2.RefAttributes<HTMLInputElement>>;
+declare const Input_2: React_2.ForwardRefExoticComponent<Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "onChange" | "size"> & Pick<InputFieldProps<string>, "label" | "onChange" | "size" | "icon" | "role" | "onFocus" | "onBlur" | "transparent" | "status" | "loading" | "disabled" | "maxLength" | "required" | "hint" | "error" | "editing" | "variant" | "append" | "hideLabel" | "isEmpty" | "labelIcon" | "onClickContent" | "readonly" | "clearable" | "autocomplete" | "onClear" | "onBlurWithin" | "emptyValue" | "hideMaxLength" | "appendTag" | "lengthProvider" | "buttonToggle" | "inlineText"> & React_2.RefAttributes<HTMLInputElement>>;
 
 declare const INPUTFIELD_SIZES: readonly ["sm", "md"];
 
@@ -20845,7 +20850,7 @@ declare const Textarea_2: ForwardRefExoticComponent<Omit<TextareaHTMLAttributes<
 value?: string;
 /** Maximum height in pixels. When set, the textarea scrolls beyond this height instead of growing. */
 maxHeight?: number;
-} & Pick<InputFieldProps<string>, "label" | "value" | "onChange" | "size" | "icon" | "onFocus" | "onBlur" | "onKeyDown" | "status" | "loading" | "maxLength" | "placeholder" | "required" | "error" | "hideLabel" | "hint" | "labelIcon" | "clearable" | "onClear"> & RefAttributes<HTMLTextAreaElement>>;
+} & Pick<InputFieldProps<string>, "label" | "value" | "onChange" | "size" | "icon" | "onFocus" | "onBlur" | "onKeyDown" | "status" | "loading" | "maxLength" | "placeholder" | "required" | "hint" | "error" | "hideLabel" | "labelIcon" | "clearable" | "onClear"> & RefAttributes<HTMLTextAreaElement>>;
 
 /**
  * All valid renderIf conditions for textarea fields
@@ -22802,16 +22807,6 @@ declare module "@tiptap/core" {
 }
 
 
-declare module "@tiptap/core" {
-    interface Commands<ReturnType> {
-        fontSize: {
-            setFontSize: (fontSize: string) => ReturnType;
-            unsetFontSize: () => ReturnType;
-        };
-    }
-}
-
-
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         enhanceHighlight: {
@@ -22826,8 +22821,9 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        moodTracker: {
-            insertMoodTracker: (data: MoodTrackerData) => ReturnType;
+        fontSize: {
+            setFontSize: (fontSize: string) => ReturnType;
+            unsetFontSize: () => ReturnType;
         };
     }
 }
@@ -22844,6 +22840,15 @@ declare module "@tiptap/core" {
 }
 
 
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        moodTracker: {
+            insertMoodTracker: (data: MoodTrackerData) => ReturnType;
+        };
+    }
+}
+
+
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         transcript: {

package/dist/i18n-provider-defaults.d.ts

@@ -322,6 +322,11 @@ export declare const defaultTranslations: {
     };
     readonly swipeDeck: {
         readonly label: "Swipe deck";
+        readonly skip: "Skip";
+        readonly accept: "Accept";
+        readonly undo: "Undo";
+        readonly undone: "Undone";
+        readonly hint: "Use the arrow keys to decide, backspace to undo, or drag the card";
     };
     readonly meetingCard: {
         readonly today: "Today";
@@ -1613,16 +1618,6 @@ declare module "@tiptap/core" {
 }
 
 
-declare module "@tiptap/core" {
-    interface Commands<ReturnType> {
-        fontSize: {
-            setFontSize: (fontSize: string) => ReturnType;
-            unsetFontSize: () => ReturnType;
-        };
-    }
-}
-
-
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         enhanceHighlight: {
@@ -1637,8 +1632,9 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        moodTracker: {
-            insertMoodTracker: (data: MoodTrackerData) => ReturnType;
+        fontSize: {
+            setFontSize: (fontSize: string) => ReturnType;
+            unsetFontSize: () => ReturnType;
         };
     }
 }
@@ -1655,6 +1651,15 @@ declare module "@tiptap/core" {
 }
 
 
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        moodTracker: {
+            insertMoodTracker: (data: MoodTrackerData) => ReturnType;
+        };
+    }
+}
+
+
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         transcript: {

package/dist/i18n-provider-defaults.js

@@ -321,7 +321,12 @@ const e = {
     audio: "Audio"
   },
   swipeDeck: {
-    label: "Swipe deck"
+    label: "Swipe deck",
+    skip: "Skip",
+    accept: "Accept",
+    undo: "Undo",
+    undone: "Undone",
+    hint: "Use the arrow keys to decide, backspace to undo, or drag the card"
   },
   meetingCard: {
     today: "Today",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@factorialco/f0-react",
-  "version": "8.32.2",
+  "version": "8.33.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/factorialco/f0.git",