@factorialco/f0-react 1.323.0 → 1.325.0

package/dist/experimental.d.ts

@@ -2971,6 +2971,23 @@ 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 interface F0CollapsibleMenuProps extends Omit<TOCProps, "sortable" | "onReorder" | "showSearchBox" | "title" | "hideChildrenCounter"> {
+    /** Optional title displayed at the top of the menu popup */
+    title?: string;
+    /** Alignment of the collapsed bars (left or right) */
+    barsAlign?: "left" | "right";
+    /** Whether sections can be collapsed/expanded */
+    collapsible?: boolean;
+    /** Show the count of children items next to parent items */
+    showChildrenCounter?: boolean;
+    /** Maximum height of the popup: sm (max 240px), md (max 400px), lg (max 600px). Content auto-adjusts within limit. */
+    size?: PopupSize;
+    /** Alignment of the popup content */
+    popupAlign?: "center" | "start" | "end";
+}
+
 declare interface F0IconProps extends SVGProps<SVGSVGElement>, VariantProps<typeof iconVariants> {
     icon: IconType;
     size?: "lg" | "md" | "sm" | "xs";
@@ -2996,6 +3013,11 @@ declare type F0SelectBaseProps<T extends string, R = unknown> = {
     actions?: Action[];
     /** Container element to render the portal content into */
     portalContainer?: HTMLElement | null;
+    /**
+     * When true, renders the select as a static list without the input trigger.
+     * Only displays the dropdown content with max height, border and scroll.
+     */
+    asList?: boolean;
 };
 
 declare type F0SelectItemObject<T, R = unknown> = {
@@ -4800,6 +4822,8 @@ export declare const PieChartWidget: ForwardRefExoticComponent<Omit<WidgetProps_
 chart: PieChartProps;
 } & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLElement | SVGElement>>;
 
+export declare type PopupSize = "sm" | "md" | "lg";
+
 declare type PostDescriptionProps = {
     content: HTMLString;
     collapsed?: boolean;
@@ -5827,9 +5851,11 @@ declare const THEMES: {
     readonly dark: ".dark";
 };
 
-export declare type TOCItem<Depth extends 1 | 2 | 3 | 4 = 1> = BaseTOCItem & {
+declare type TOCItem<Depth extends 1 | 2 | 3 | 4 = 1> = BaseTOCItem & {
     children?: NextDepth<Depth> extends never ? never : TOCItem<NextDepth<Depth>>[];
 };
+export { TOCItem as CollapsibleMenuItem }
+export { TOCItem }
 
 export declare type TOCItemAction = {
     label: string;
@@ -5862,7 +5888,8 @@ declare interface TOCItemSectionHeaderProps {
 }
 
 export declare interface TOCProps {
-    title: string;
+    /** Optional title displayed at the top of the menu */
+    title?: string;
     items: TOCItem[];
     className?: string;
     activeItem?: string;
@@ -5872,6 +5899,8 @@ export declare interface TOCProps {
     showSearchBox?: boolean;
     searchPlaceholder?: string;
     hideChildrenCounter?: boolean;
+    /** Enable vertical scrolling when content overflows (default: true) */
+    scrollable?: boolean;
 }
 
 declare type toggleActionType = {
@@ -6451,11 +6480,6 @@ declare module "@tiptap/core" {
 }
 
 
-declare namespace Calendar {
-    var displayName: string;
-}
-
-
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         moodTracker: {
@@ -6463,3 +6487,8 @@ declare module "@tiptap/core" {
         };
     }
 }
+
+
+declare namespace Calendar {
+    var displayName: string;
+}