@factorialco/f0-react 1.324.0 → 1.326.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";
@@ -4805,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;
@@ -5832,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;
@@ -5867,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;
@@ -5877,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 = {