@factorialco/f0-react 1.235.1 → 1.235.3

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 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-DAhD9whu.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-DAhD9whu.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-CALHYYfS.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-CALHYYfS.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";

package/dist/{hooks-DAhD9whu.js → hooks-CALHYYfS.js}

@@ -94292,102 +94292,111 @@ function Wyt({ filters: e, value: t, onChange: n, isOpen: r, onOpenChange: a, hi
     const W = H1(H.type);
     return Math.max(E, (W == null ? void 0 : W.formHeight) || PO);
   }, 0), [e]), M = V1();
-  return o === "compact" ? V("div", {
-    className: "flex items-center gap-2",
-    children: [l(rn, {
-      variant: "outline",
-      label: h.filters.label,
-      icon: Dx,
-      pressed: m,
-      onClick: () => g(!m),
-      "aria-controls": m ? M : void 0,
-      hideLabel: !0,
-      round: !0
-    }), l(i2, {
-      mode: "popLayout",
-      propagate: !1,
-      children: m && l(Xn.div, {
-        initial: {
-          opacity: 0
-        },
-        animate: {
-          opacity: 1
-        },
-        exit: {
-          opacity: 0
-        },
-        transition: {
-          duration: 0.1
-        },
-        className: "absolute bottom-0 left-0 right-0 top-0 z-20 bg-f1-background",
-        children: V("div", {
-          className: "flex h-full flex-col transition-all",
-          children: [l("div", {
-            className: "pl-1.5 pt-1.5",
-            children: l(rn, {
-              label: "Back",
-              icon: iF,
-              variant: "ghost",
-              size: "sm",
-              onClick: P
-            })
-          }), l("div", {
-            className: "flex flex-1",
-            children: s ? l(Xn.div, {
-              initial: {
-                opacity: 0
-              },
-              animate: {
-                opacity: 1
-              },
-              exit: {
-                opacity: 0
-              },
-              transition: {
-                duration: 0.2
-              },
-              className: "h-full w-full bg-f1-background",
-              children: l(wO, {
-                selectedFilterKey: s,
-                definition: e,
-                tempFilters: C,
-                onFilterChange: y,
-                isCompactMode: !0
+  if (o === "compact") {
+    const k = !!Object.values(C).length;
+    return V("div", {
+      className: "flex items-center gap-2",
+      children: [V("div", {
+        className: "relative",
+        children: [l(rn, {
+          variant: "outline",
+          label: h.filters.label,
+          icon: Dx,
+          pressed: m,
+          onClick: () => g(!m),
+          "aria-controls": m ? M : void 0,
+          hideLabel: !0,
+          round: !0
+        }), k && l("div", {
+          className: "absolute right-0 top-0 aspect-square w-2 rounded-full border border-solid border-f1-background bg-f1-background-selected-bold"
+        })]
+      }), l(i2, {
+        mode: "popLayout",
+        propagate: !1,
+        children: m && l(Xn.div, {
+          initial: {
+            opacity: 0
+          },
+          animate: {
+            opacity: 1
+          },
+          exit: {
+            opacity: 0
+          },
+          transition: {
+            duration: 0.1
+          },
+          className: "absolute bottom-0 left-0 right-0 top-0 z-20 bg-f1-background",
+          children: V("div", {
+            className: "flex h-full flex-col transition-all",
+            children: [l("div", {
+              className: "pl-1.5 pt-1.5",
+              children: l(rn, {
+                label: "Back",
+                icon: iF,
+                variant: "ghost",
+                size: "sm",
+                onClick: P
               })
-            }, "filter-content") : l(Xn.div, {
-              initial: {
-                opacity: 0
-              },
-              animate: {
-                opacity: 1
-              },
-              exit: {
-                opacity: 0
-              },
-              transition: {
-                duration: 0.2
-              },
-              className: "h-full w-full bg-f1-background",
-              children: l(MO, {
-                definition: e,
-                tempFilters: C,
-                selectedFilterKey: s,
-                onFilterSelect: (k) => c(k),
-                onClickApplyFilters: b,
-                isCompactMode: !0
+            }), l("div", {
+              className: "flex flex-1",
+              children: s ? l(Xn.div, {
+                initial: {
+                  opacity: 0
+                },
+                animate: {
+                  opacity: 1
+                },
+                exit: {
+                  opacity: 0
+                },
+                transition: {
+                  duration: 0.2
+                },
+                className: "h-full w-full bg-f1-background",
+                children: l(wO, {
+                  selectedFilterKey: s,
+                  definition: e,
+                  tempFilters: C,
+                  onFilterChange: y,
+                  isCompactMode: !0
+                })
+              }, "filter-content") : l(Xn.div, {
+                initial: {
+                  opacity: 0
+                },
+                animate: {
+                  opacity: 1
+                },
+                exit: {
+                  opacity: 0
+                },
+                transition: {
+                  duration: 0.2
+                },
+                className: "h-full w-full bg-f1-background",
+                children: l(MO, {
+                  definition: e,
+                  tempFilters: C,
+                  selectedFilterKey: s,
+                  onFilterSelect: (E) => c(E),
+                  onClickApplyFilters: b,
+                  isCompactMode: !0
+                })
+              }, "filter-list")
+            }), s && l("div", {
+              className: "sticky bottom-0 left-0 right-0 z-30 flex items-center justify-end gap-2 border border-solid border-transparent border-t-f1-border-secondary bg-f1-background p-2",
+              children: l(rn, {
+                onClick: x,
+                label: h.filters.applySelection
               })
-            }, "filter-list")
-          }), s && l("div", {
-            className: "sticky bottom-0 left-0 right-0 z-30 flex items-center justify-end gap-2 border border-solid border-transparent border-t-f1-border-secondary bg-f1-background p-2",
-            children: l(rn, {
-              onClick: x,
-              label: h.filters.applySelection
-            })
-          })]
+            })]
+          })
         })
-      })
-    })]
-  }) : l("div", {
+      })]
+    });
+  }
+  return l("div", {
     className: "flex items-center gap-2",
     children: V($y, {
       open: m,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@factorialco/f0-react",
-  "version": "1.235.1",
+  "version": "1.235.3",
   "main": "dist/f0.js",
   "typings": "dist/f0.d.ts",
   "private": false,