@factorialco/f0-react 2.25.0 → 2.26.0

package/dist/f0.d.ts

@@ -43,6 +43,7 @@ import { DotTagCellValue as DotTagCellValue_2 } from './types/dotTag';
 import type * as echarts_2 from 'echarts';
 import { Editor } from '@tiptap/react';
 import { EmployeeItemProps } from './types';
+import { F0AccordionSkeletonProps } from './F0AccordionSkeleton';
 import { F0AnalyticsDashboardProps as F0AnalyticsDashboardProps_2 } from './types';
 import { F0AvatarCompanyProps as F0AvatarCompanyProps_2 } from './types';
 import { F0AvatarDateProps } from './F0AvatarDate';
@@ -4086,7 +4087,9 @@ export declare const defaultTranslations: {
         readonly paste: "Paste";
         readonly close: "Close";
         readonly collapse: "Collapse";
+        readonly collapseItem: "Collapse {{title}}";
         readonly expand: "Expand";
+        readonly expandItem: "Expand {{title}}";
         readonly showAll: "Show all";
         readonly showLess: "Show less";
         readonly seeMore: "See more";
@@ -5214,6 +5217,46 @@ declare type ExtractVisualizationSettings<T> = T extends {
     };
 } ? S : never;
 
+/**
+ * @experimental This is an experimental component, use it at your own risk.
+ */
+export declare const F0Accordion: WithDataTestIdReturnType_3<ForwardRefExoticComponent<F0AccordionProps & RefAttributes<HTMLDivElement>> & {
+Skeleton: ({ items, }: F0AccordionSkeletonProps) => JSX_2.Element;
+}>;
+
+export declare interface F0AccordionItem {
+    id: string;
+    title: string;
+    description: string;
+    actions?: F0AccordionItemAction[];
+    defaultOpen?: boolean;
+}
+
+export declare type F0AccordionItemAction = F0AccordionItemSegmentedControlAction | F0AccordionItemDropdownAction;
+
+export declare interface F0AccordionItemDropdownAction {
+    type: "dropdown";
+    ariaLabel: string;
+    items: DropdownItem[];
+    disabled?: boolean;
+}
+
+export declare interface F0AccordionItemSegmentedControlAction {
+    type: "segmentedControl";
+    ariaLabel: string;
+    items: F0SegmentedControlItem[];
+    value?: string;
+    onChange?: (value: string) => void;
+    disabled?: boolean;
+}
+
+export declare interface F0AccordionProps extends WithDataTestIdProps, DataAttributes_2 {
+    items: F0AccordionItem[];
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (openIds: string[]) => void;
+}
+
 export declare const F0ActionBar: WithDataTestIdReturnType_3<ForwardRefExoticComponent<F0ActionBarProps & RefAttributes<F0ActionBarRef>>>;
 
 declare interface F0ActionBarProps {
@@ -9105,6 +9148,17 @@ export declare interface F0SectionConfig {
     action?: F0SectionAction;
 }
 
+declare interface F0SegmentedControlItem {
+    /** Unique value for this segment */
+    value: string;
+    /** Label displayed inside the segment */
+    label: string;
+    /** Optional icon shown before the label */
+    icon?: IconType;
+    /** Whether this specific segment is disabled */
+    disabled?: boolean;
+}
+
 /**
  * @experimental This is an experimental component use it at your own risk
  */
@@ -15026,11 +15080,6 @@ declare module "gridstack" {
 }
 
 
-declare namespace Calendar {
-    var displayName: string;
-}
-
-
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         aiBlock: {
@@ -15080,6 +15129,11 @@ declare module "@tiptap/core" {
 }
 
 
+declare namespace Calendar {
+    var displayName: string;
+}
+
+
 declare namespace F0GraphNodeWrapperInner {
     var displayName: string;
 }