@factorialco/f0-react 1.316.3 → 1.317.0

package/dist/f0.d.ts

@@ -770,6 +770,14 @@ declare type CardAvatarVariant = AvatarVariant | {
  */
 declare type CardCollectionProps<Record extends RecordType, Filters extends FiltersDefinition, Sortings extends SortingsDefinition, Summaries extends SummariesDefinition, ItemActions extends ItemActionsDefinition<Record>, NavigationFilters extends NavigationFiltersDefinition, Grouping extends GroupingDefinition<Record>> = CollectionProps<Record, Filters, Sortings, Summaries, ItemActions, NavigationFilters, Grouping, CardVisualizationOptions<Record, Filters, Sortings>>;
 
+export declare type CardImageFit = (typeof cardImageFits)[number];
+
+export declare const cardImageFits: readonly ["contain", "cover", "fit-width", "fit-height", "scale-down"];
+
+export declare type CardImageSize = (typeof cardImageSizes)[number];
+
+export declare const cardImageSizes: readonly ["xs", "sm", "md", "lg", "xl"];
+
 declare interface CardInternalProps {
     /**
      * Whether the card has a compact layout
@@ -783,6 +791,21 @@ declare interface CardInternalProps {
      * Whether the card has an image
      */
     image?: string;
+    /**
+     * How the image should be displayed/fitted within its container
+     * @default "fit-width"
+     */
+    imageFit?: CardImageFit;
+    /**
+     * Size of the image container
+     * @default "sm"
+     */
+    imageSize?: CardImageSize;
+    /**
+     * Whether to show a blurred background image when the image doesn't fill the container
+     * @default true
+     */
+    blurredBackground?: boolean;
     /**
      * The title of the card
      */
@@ -918,6 +941,9 @@ declare type CardVisualizationOptions<T, _Filters extends FiltersDefinition, _So
     description?: (record: T) => string;
     avatar?: (record: T) => CardAvatarVariant;
     image?: (record: T) => string;
+    imageFit?: CardImageFit;
+    imageSize?: CardImageSize;
+    blurredBackground?: boolean;
     compact?: boolean;
 };
 
@@ -4929,6 +4955,23 @@ declare global {
     }
 }
 
+declare module "gridstack" {
+    interface GridStackWidget {
+        id?: string;
+        allowedSizes?: Array<{
+            w: number;
+            h: number;
+        }>;
+        meta?: Record<string, unknown>;
+    }
+    interface GridStackNode {
+        allowedSizes?: Array<{
+            w: number;
+            h: number;
+        }>;
+    }
+}
+
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
@@ -4956,21 +4999,9 @@ declare module "@tiptap/core" {
     }
 }
 
-declare module "gridstack" {
-    interface GridStackWidget {
-        id?: string;
-        allowedSizes?: Array<{
-            w: number;
-            h: number;
-        }>;
-        meta?: Record<string, unknown>;
-    }
-    interface GridStackNode {
-        allowedSizes?: Array<{
-            w: number;
-            h: number;
-        }>;
-    }
+
+declare namespace Calendar {
+    var displayName: string;
 }
 
 
@@ -4981,8 +5012,3 @@ declare module "@tiptap/core" {
         };
     }
 }
-
-
-declare namespace Calendar {
-    var displayName: string;
-}

package/dist/f0.js

@@ -1,9 +1,9 @@
-import { L as _n, C as Ur, c as U, a as Di, u as En, m as Ri, i as Dn, B as Si, O as jr, p as Kr, w as Rn, S as xe, b as Xr, F as Sn, d as Yr, A as Vr, D as qr, e as Jr, f as we, g as Zr, h as me, j as qi, k as Qr, l as di, n as lt, o as es, q as ts, r as At, s as Nn, E as is, t as zt, v as ns, x as rs, y as ss, z as os, G as Xe, H as An, I as as, J as ls, K as cs, M as Ji, N as ds, P as On, Q as us, R as kn, X as Tn, Y as vi, T as hs, U as zn, V as fs, W as gs, Z as ps, _ as ms, $ as vs, a0 as ys, a1 as bs, a2 as xs, a3 as Zi, a4 as ws, a5 as ct, a6 as ui, a7 as Cs, a8 as _s, a9 as Es, aa as Ds, ab as Rs, ac as Ss, ad as Ns, ae as As, af as Os, ag as ks, ah as Ts, ai as Qi, aj as zs, ak as Ps, al as Pn, am as Ms, an as Mt, ao as Mn, ap as Ln, aq as Ls, ar as In, as as Hn, at as Bn, au as Is, av as Hs, aw as Fn, ax as Bs, ay as Fs, az as Ws, aA as Gs, aB as $s, aC as Us, aD as Wn, aE as qe, aF as Gn, aG as js, aH as Ks, aI as en, aJ as Xs, aK as $n, aL as Ys, aM as Vs, aN as qs, aO as Js, aP as Zs, aQ as Qs, aR as eo, aS as to, aT as io, aU as no, aV as ro, aW as so } from "./hooks-B_uo0_lI.js";
-import { bo as ad, bB as ld, bK as cd, aX as dd, aY as ud, aZ as hd, a_ as fd, a$ as gd, b0 as pd, b1 as md, b2 as vd, b4 as yd, b5 as bd, b6 as xd, b7 as wd, b8 as Cd, b9 as _d, ba as Ed, bG as Dd, bc as Rd, bd as Sd, bh as Nd, bi as Ad, bj as Od, bl as kd, bm as Td, bn as zd, bq as Pd, bf as Md, bp as Ld, bg as Id, bk as Hd, bH as Bd, bA as Fd, bv as Wd, by as Gd, bu as $d, bL as Ud, bt as jd, bs as Kd, b3 as Xd, bb as Yd, be as Vd, br as qd, bw as Jd, bC as Zd, bD as Qd, bE as eu, bM as tu, bx as iu, bF as nu, bJ as ru, bz as su, bI as ou } from "./hooks-B_uo0_lI.js";
+import { L as _n, C as Ur, c as U, a as Di, u as En, m as Ri, i as Dn, B as Si, O as jr, p as Kr, w as Rn, S as xe, b as Xr, F as Sn, d as Yr, A as Vr, D as qr, e as Jr, f as we, g as Zr, h as me, j as qi, k as Qr, l as di, n as lt, o as es, q as ts, r as At, s as Nn, E as is, t as zt, v as ns, x as rs, y as ss, z as os, G as Xe, H as An, I as as, J as ls, K as cs, M as Ji, N as ds, P as On, Q as us, R as kn, X as Tn, Y as vi, T as hs, U as zn, V as fs, W as gs, Z as ps, _ as ms, $ as vs, a0 as ys, a1 as bs, a2 as xs, a3 as Zi, a4 as ws, a5 as ct, a6 as ui, a7 as Cs, a8 as _s, a9 as Es, aa as Ds, ab as Rs, ac as Ss, ad as Ns, ae as As, af as Os, ag as ks, ah as Ts, ai as Qi, aj as zs, ak as Ps, al as Pn, am as Ms, an as Mt, ao as Mn, ap as Ln, aq as Ls, ar as In, as as Hn, at as Bn, au as Is, av as Hs, aw as Fn, ax as Bs, ay as Fs, az as Ws, aA as Gs, aB as $s, aC as Us, aD as Wn, aE as qe, aF as Gn, aG as js, aH as Ks, aI as en, aJ as Xs, aK as $n, aL as Ys, aM as Vs, aN as qs, aO as Js, aP as Zs, aQ as Qs, aR as eo, aS as to, aT as io, aU as no, aV as ro, aW as so } from "./hooks-CUFsqUWT.js";
+import { bq as ad, bD as ld, bM as cd, aX as dd, aY as ud, aZ as hd, a_ as fd, a$ as gd, b0 as pd, b1 as md, b2 as vd, b4 as yd, b5 as bd, b6 as xd, b7 as wd, ba as Cd, bb as _d, bc as Ed, bI as Dd, be as Rd, bf as Sd, bj as Nd, bk as Ad, bl as Od, bn as kd, bo as Td, bp as zd, bs as Pd, bh as Md, br as Ld, bi as Id, bm as Hd, bJ as Bd, b8 as Fd, b9 as Wd, bC as Gd, bx as $d, bA as Ud, bw as jd, bN as Kd, bv as Xd, bu as Yd, b3 as Vd, bd as qd, bg as Jd, bt as Zd, by as Qd, bE as eu, bF as tu, bG as iu, bO as nu, bz as ru, bH as su, bL as ou, bB as au, bK as lu } from "./hooks-CUFsqUWT.js";
 import { jsx as f, jsxs as P, Fragment as qt } from "react/jsx-runtime";
 import M, { forwardRef as oe, useRef as L, useImperativeHandle as oo, Children as Lt, createContext as Ae, useContext as _e, useState as W, useMemo as H, useEffect as I, useCallback as j, useLayoutEffect as yi, createElement as tn, isValidElement as Un, Fragment as ao, memo as lo, useReducer as co, cloneElement as uo, PureComponent as ho } from "react";
 import { createPortal as jn, unstable_batchedUpdates as Ot } from "react-dom";
-import { defaultTranslations as lu } from "./i18n-provider-defaults.js";
+import { defaultTranslations as du } from "./i18n-provider-defaults.js";
 import './f0.css';const fo = {
   xs: 1,
   sm: 2,
@@ -9084,33 +9084,35 @@ export {
   Yc as buttonToggleSizes,
   Vc as buttonToggleVariants,
   Uc as buttonVariants,
-  Fd as createAtlaskitDriver,
-  Wd as createDataSourceDefinition,
+  Fd as cardImageFits,
+  Wd as cardImageSizes,
+  Gd as createAtlaskitDriver,
+  $d as createDataSourceDefinition,
   ko as createPageLayoutBlock,
   To as createPageLayoutBlockGroup,
   rd as dataCollectionLocalStorageHandler,
   Qc as datepickerSizes,
-  lu as defaultTranslations,
+  du as defaultTranslations,
   we as experimental,
-  Gd as getAnimationVariants,
-  $d as getDataSourcePaginationType,
-  Ud as getEmojiLabel,
-  jd as isInfiniteScrollPagination,
-  Kd as isPageBasedPagination,
+  Ud as getAnimationVariants,
+  jd as getDataSourcePaginationType,
+  Kd as getEmojiLabel,
+  Xd as isInfiniteScrollPagination,
+  Yd as isPageBasedPagination,
   qc as linkVariants,
-  Xd as modules,
-  Yd as predefinedPresets,
-  Vd as selectSizes,
+  Vd as modules,
+  qd as predefinedPresets,
+  Jd as selectSizes,
   Jc as tagDotColors,
-  qd as useData,
-  Jd as useDataSource,
-  Zd as useDndEvents,
-  Qd as useDraggable,
-  eu as useDroppableList,
-  tu as useEmojiConfetti,
-  iu as useGroups,
-  nu as usePrivacyMode,
-  ru as useReducedMotion,
-  su as useSelectable,
-  ou as useXRay
+  Zd as useData,
+  Qd as useDataSource,
+  eu as useDndEvents,
+  tu as useDraggable,
+  iu as useDroppableList,
+  nu as useEmojiConfetti,
+  ru as useGroups,
+  su as usePrivacyMode,
+  ou as useReducedMotion,
+  au as useSelectable,
+  lu as useXRay
 };