@factorialco/f0-react 1.326.0 → 1.327.0

package/dist/experimental.d.ts

@@ -1540,6 +1540,8 @@ export declare type CoCreationFormProps = {
 
 declare type ColId = string;
 
+export declare type CollapsibleMenuVariant = "dark" | "light";
+
 /**
  * Props for the Collection component.
  * @template Record - The type of records in the collection
@@ -2971,7 +2973,7 @@ export declare const F0Callout: ForwardRefExoticComponent<CalloutInternalProps &
 
 export declare type F0CalloutProps = CalloutInternalProps;
 
-export declare function F0CollapsibleMenu({ title, items, className, activeItem, collapsible, showChildrenCounter, barsAlign, size, popupAlign, }: F0CollapsibleMenuProps): JSX_2.Element;
+export declare function F0CollapsibleMenu({ title, items, className, activeItem, collapsible, showChildrenCounter, barsAlign, size, popupAlign, variant, }: F0CollapsibleMenuProps): JSX_2.Element;
 
 export declare interface F0CollapsibleMenuProps extends Omit<TOCProps, "sortable" | "onReorder" | "showSearchBox" | "title" | "hideChildrenCounter"> {
     /** Optional title displayed at the top of the menu popup */
@@ -2986,6 +2988,8 @@ export declare interface F0CollapsibleMenuProps extends Omit<TOCProps, "sortable
     size?: PopupSize;
     /** Alignment of the popup content */
     popupAlign?: "center" | "start" | "end";
+    /** Visual variant: "dark" for light backgrounds (default), "light" for dark backgrounds */
+    variant?: CollapsibleMenuVariant;
 }
 
 declare interface F0IconProps extends SVGProps<SVGSVGElement>, VariantProps<typeof iconVariants> {
@@ -6435,23 +6439,6 @@ 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> {
@@ -6479,9 +6466,21 @@ declare module "@tiptap/core" {
     }
 }
 
-
-declare namespace Calendar {
-    var displayName: string;
+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;
+        }>;
+    }
 }
 
 
@@ -6492,3 +6491,8 @@ declare module "@tiptap/core" {
         };
     }
 }
+
+
+declare namespace Calendar {
+    var displayName: string;
+}

package/dist/experimental.js

@@ -35171,13 +35171,13 @@ function hC(t, e = 0, n = 12) {
   return i.slice(0, n);
 }
 const gv = ["w-4", "w-3", "w-2", "w-1.5"];
-function XY({ items: t, activeItem: e, className: n, align: i = "left" }) {
-  const r = hC(t);
+function XY({ items: t, activeItem: e, className: n, align: i = "left", variant: r = "dark" }) {
+  const s = hC(t);
   return f("div", {
     className: F("flex flex-col justify-center gap-2 py-3", i === "right" ? "items-end" : "items-start", n),
-    children: r.map((s) => f("div", {
-      className: F("h-0.5 rounded-full", gv[s.depth] ?? gv[3], s.id === e ? "bg-f1-foreground" : "bg-f1-foreground-tertiary opacity-60")
-    }, s.id))
+    children: s.map((o) => f("div", {
+      className: F("h-0.5 rounded-full", gv[o.depth] ?? gv[3], r === "light" ? "bg-f1-foreground-inverse" : "bg-f1-foreground", o.id !== e && (r === "light" ? "opacity-50" : "bg-f1-foreground-tertiary opacity-60"))
+    }, o.id))
   });
 }
 const YY = {
@@ -35185,7 +35185,7 @@ const YY = {
   md: "max-h-[400px]",
   lg: "max-h-[600px]"
 }, QY = 200, eQ = 0;
-function kme({ title: t, items: e, className: n, activeItem: i, collapsible: r = !1, showChildrenCounter: s = !1, barsAlign: o = "left", size: a = "md", popupAlign: l = "center" }) {
+function kme({ title: t, items: e, className: n, activeItem: i, collapsible: r = !1, showChildrenCounter: s = !1, barsAlign: o = "left", size: a = "md", popupAlign: l = "center", variant: c = "dark" }) {
   return x(JA, {
     openDelay: eQ,
     closeDelay: QY,
@@ -35197,7 +35197,8 @@ function kme({ title: t, items: e, className: n, activeItem: i, collapsible: r =
         children: f(XY, {
           items: e,
           activeItem: i,
-          align: o
+          align: o,
+          variant: c
         })
       })
     }), f(YA, {

package/dist/f0.d.ts

@@ -5124,23 +5124,6 @@ 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> {
@@ -5168,9 +5151,21 @@ declare module "@tiptap/core" {
     }
 }
 
-
-declare namespace Calendar {
-    var displayName: string;
+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;
+        }>;
+    }
 }
 
 
@@ -5181,3 +5176,8 @@ declare module "@tiptap/core" {
         };
     }
 }
+
+
+declare namespace Calendar {
+    var displayName: string;
+}

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

@@ -458,23 +458,6 @@ 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> {
@@ -502,9 +485,21 @@ declare module "@tiptap/core" {
     }
 }
 
-
-declare namespace Calendar {
-    var displayName: string;
+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;
+        }>;
+    }
 }
 
 
@@ -515,3 +510,8 @@ declare module "@tiptap/core" {
         };
     }
 }
+
+
+declare namespace Calendar {
+    var displayName: string;
+}

package/package.json

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