@factorialco/f0-react 1.233.2 → 1.233.3

package/dist/f0.d.ts

@@ -1125,12 +1125,13 @@ export declare const defaultTranslations: {
     readonly filters: {
         readonly label: "Filters";
         readonly applyFilters: "Apply filters";
+        readonly applySelection: "Apply selection";
         readonly cancel: "Cancel";
         readonly failedToLoadOptions: "Failed to load options";
         readonly retry: "Retry";
     };
     readonly toc: {
-        readonly search: "Search";
+        readonly search: "Search...";
     };
     readonly collections: {
         readonly sorting: {
@@ -1687,6 +1688,8 @@ export declare type FilterOptions<FilterKeys extends string> = Record<FilterKeys
  */
 export declare type FiltersDefinition<Keys extends string = string> = Record<Keys, FilterDefinition>;
 
+export declare type FiltersMode = "default" | "compact";
+
 /**
  * Current state of all filters in a collection.
  * Maps filter keys to their current values.
@@ -1711,6 +1714,7 @@ declare type FilterTypeDefinition<Value = unknown, Options extends object = neve
         schema: Schema;
         value: Value;
         onChange: (value: Value) => void;
+        isCompactMode?: boolean;
     }) => React.ReactNode;
     /**
      * The value label to display in the filter chips
@@ -1804,6 +1808,7 @@ declare interface GranularityDefinition {
         maxDate?: Date;
         setViewDate: (date: Date) => void;
         viewDate: Date;
+        compact?: boolean;
     }) => ReactNode;
     add: (date: DateRangeComplete, delta: number) => DateRangeComplete;
     getPrevNext(date: DateRange, options: DateNavigationOptions): PrevNextDateNavigation;
@@ -2251,6 +2256,8 @@ declare type OneFilterPickerRootProps<Definition extends FiltersDefinition> = {
     onChange: (value: FiltersState<Definition>) => void;
     /** The children of the component */
     children?: React.ReactNode;
+    /** The mode of the component */
+    mode?: FiltersMode;
 };
 
 declare type OnLoadDataCallback<Record extends RecordType, Filters extends FiltersDefinition> = (data: {
@@ -3407,11 +3414,6 @@ declare module "@tiptap/core" {
 }
 
 
-declare namespace Calendar {
-    var displayName: string;
-}
-
-
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         moodTracker: {
@@ -3419,3 +3421,8 @@ declare module "@tiptap/core" {
         };
     }
 }
+
+
+declare namespace Calendar {
+    var displayName: string;
+}

package/dist/f0.js

@@ -1,5 +1,5 @@
-import { C as g, L as ge, c as ve, P as G, a as b, f as be, g as z, A as xe, B as Ce, b as ye, d as we, e as Ne, V as Pe, h as M, i as H, j as U, k as Le, l as J, S as Y, m as X, n as Se, O as Fe, o as K, p as ke, q as De, F as Q, r as Me, s as Te, t as Ie, D as Re, u as Be, v as Oe, w as $e, x as Z, y as w, U as ee, z as Ee, E as _e, G as V, H as je, I as ae, J as ze, K as Ve, M as Ae, N as qe, Q as We, R as Ge, X as He, T as Ue, W as Je, Y as Ye, Z as Xe, _ as Ke } from "./hooks-D5bAC8zc.js";
-import { az as Ja, $ as Ya, aB as Xa, aK as Ka, a0 as Qa, a1 as Za, a2 as er, a3 as ar, a4 as rr, a5 as sr, a6 as tr, a7 as lr, a9 as or, aa as nr, ab as ir, ac as dr, aG as cr, ae as ur, af as fr, ag as mr, ah as hr, ak as pr, al as gr, am as vr, an as br, ap as xr, ad as Cr, ao as yr, aj as wr, aH as Nr, aA as Pr, au as Lr, ax as Sr, at as Fr, aL as kr, as as Dr, ar as Mr, a8 as Tr, ai as Ir, aq as Rr, av as Br, aC as Or, aD as $r, aE as Er, aM as _r, aw as jr, aF as zr, aJ as Vr, ay as Ar, aI as qr } from "./hooks-D5bAC8zc.js";
+import { C as g, L as ge, c as ve, P as G, a as b, f as be, g as z, A as xe, B as Ce, b as ye, d as we, e as Ne, V as Pe, h as M, i as H, j as U, k as Le, l as J, S as Y, m as X, n as Se, O as Fe, o as K, p as ke, q as De, F as Q, r as Me, s as Te, t as Ie, D as Re, u as Be, v as Oe, w as $e, x as Z, y as w, U as ee, z as Ee, E as _e, G as A, H as je, I as ae, J as ze, K as Ae, M as Ve, N as qe, Q as We, R as Ge, X as He, T as Ue, W as Je, Y as Ye, Z as Xe, _ as Ke } from "./hooks-BSa3UINJ.js";
+import { az as Ja, $ as Ya, aB as Xa, aK as Ka, a0 as Qa, a1 as Za, a2 as er, a3 as ar, a4 as rr, a5 as sr, a6 as tr, a7 as lr, a9 as or, aa as nr, ab as ir, ac as dr, aG as cr, ae as ur, af as fr, ag as mr, ah as hr, ak as pr, al as gr, am as vr, an as br, ap as xr, ad as Cr, ao as yr, aj as wr, aH as Nr, aA as Pr, au as Lr, ax as Sr, at as Fr, aL as kr, as as Dr, ar as Mr, a8 as Tr, ai as Ir, aq as Rr, av as Br, aC as Or, aD as $r, aE as Er, aM as _r, aw as jr, aF as zr, aJ as Ar, ay as Vr, aI as qr } from "./hooks-BSa3UINJ.js";
 import { jsx as e, jsxs as c, Fragment as $ } from "react/jsx-runtime";
 import * as E from "react";
 import Qe, { useState as v, forwardRef as I, useRef as re, useImperativeHandle as Ze, Children as ea, useEffect as se, createContext as aa } from "react";
@@ -53,12 +53,13 @@ const Fa = {
   filters: {
     label: "Filters",
     applyFilters: "Apply filters",
+    applySelection: "Apply selection",
     cancel: "Cancel",
     failedToLoadOptions: "Failed to load options",
     retry: "Retry"
   },
   toc: {
-    search: "Search"
+    search: "Search..."
   },
   collections: {
     sorting: {
@@ -222,8 +223,8 @@ var _ = "Progress", j = 100, [ra, Ma] = ve(_), [sa, ta] = ra(_), te = E.forwardR
       getValueLabel: i = la,
       ...n
     } = a;
-    (t || t === 0) && !A(t) && console.error(oa(`${t}`, "Progress"));
-    const d = A(t) ? t : j;
+    (t || t === 0) && !V(t) && console.error(oa(`${t}`, "Progress"));
+    const d = V(t) ? t : j;
     l !== null && !q(l, d) && console.error(na(`${l}`, "Progress"));
     const o = q(l, d) ? l : null, f = T(o) ? i(o, d) : void 0;
     return /* @__PURE__ */ e(sa, { scope: s, value: o, max: d, children: /* @__PURE__ */ e(
@@ -269,7 +270,7 @@ function ne(a, r) {
 function T(a) {
   return typeof a == "number";
 }
-function A(a) {
+function V(a) {
   return T(a) && !isNaN(a) && a > 0;
 }
 function q(a, r) {
@@ -511,7 +512,7 @@ const ja = g({
 }, ue), za = g({
   name: "TwoColumnLayout",
   type: "layout"
-}, ma), Va = g({
+}, ma), Aa = g({
   name: "HomeLayout",
   type: "layout"
 }, fa), ga = ({ benefits: a }) => e("div", {
@@ -610,7 +611,7 @@ function ba({ isOpen: a, onClose: r, title: s, children: l, module: t, portalCon
     })
   });
 }
-function Aa({ isOpen: a, onClose: r, title: s, image: l, benefits: t, errorMessage: i, successMessage: n, loadingState: d, nextSteps: o, closeLabel: f, primaryAction: m, modalTitle: N, modalModule: P, secondaryAction: u, portalContainer: x, tag: S }) {
+function Va({ isOpen: a, onClose: r, title: s, image: l, benefits: t, errorMessage: i, successMessage: n, loadingState: d, nextSteps: o, closeLabel: f, primaryAction: m, modalTitle: N, modalModule: P, secondaryAction: u, portalContainer: x, tag: S }) {
   const [R, F] = v(a), [C, y] = v(null), [L, h] = v(!1), k = async () => {
     if (m != null && m.onClick) {
       h(!0);
@@ -714,10 +715,10 @@ function xa({ mediaUrl: a, title: r, description: s, onClose: l, dismissible: t,
             }))
           }), c("div", {
             className: "flex flex-col gap-[2px] p-3",
-            children: [e(V, {
+            children: [e(A, {
               className: "text-lg font-medium",
               children: r
-            }), e(V, {
+            }), e(A, {
               className: "line-clamp-3 text-base font-normal text-f1-foreground-secondary",
               children: s
             })]
@@ -774,7 +775,7 @@ const Ca = I(function({ primaryAction: r, secondaryAction: s, ...l }, t) {
   });
 });
 Ca.displayName = "UpsellingBanner";
-function qa({ isOpen: a, setIsOpen: r, label: s, variant: l = "promote", size: t = "md", showIcon: i = !0, side: n = "right", align: d = "center", icon: o = Ve, mediaUrl: f, title: m, description: N, width: P = "300px", trackVisibility: u, actions: x, onClick: S, hideLabel: R = !1 }) {
+function qa({ isOpen: a, setIsOpen: r, label: s, variant: l = "promote", size: t = "md", showIcon: i = !0, side: n = "right", align: d = "center", icon: o = Ae, mediaUrl: f, title: m, description: N, width: P = "300px", trackVisibility: u, actions: x, onClick: S, hideLabel: R = !1 }) {
   const [F, C] = v(!1), [y, L] = v(null), [h, k] = v(null), D = (p) => {
     r(p), S && S();
   }, B = async (p) => {
@@ -855,7 +856,7 @@ const ya = aa(null), wa = ({ children: a, fullScreen: r = !0 }) => {
   reducedMotion: "user",
   children: a
 }), Wa = ({ children: a, layout: r, link: s, privacyModeInitiallyEnabled: l, image: t, i18n: i, l10n: n, isDev: d = !1, dataCollectionStorageHandler: o, showExperimentalWarnings: f = !1 }) => e(Na, {
-  children: e(Ae, {
+  children: e(Ve, {
     isDev: d,
     showExperimentalWarnings: f,
     children: e(qe, {
@@ -927,7 +928,7 @@ export {
   vr as F0TagStatus,
   br as F0TagTeam,
   xr as GROUP_ID_SYMBOL,
-  Va as HomeLayout,
+  Aa as HomeLayout,
   Ba as LineChart,
   ka as Link,
   Cr as OneFilterPicker,
@@ -935,7 +936,7 @@ export {
   Ue as PrivacyModeProvider,
   fe as ProductBlankslate,
   yr as ProductCard,
-  Aa as ProductModal,
+  Va as ProductModal,
   xa as ProductWidget,
   Ea as ProgressBarChart,
   ja as StandardLayout,
@@ -968,7 +969,7 @@ export {
   _r as useEmojiConfetti,
   jr as useGroups,
   zr as usePrivacyMode,
-  Vr as useReducedMotion,
-  Ar as useSelectable,
+  Ar as useReducedMotion,
+  Vr as useSelectable,
   qr as useXRay
 };