@factorialco/f0-react 1.183.0 → 1.185.0

package/dist/f0.d.ts

@@ -266,6 +266,21 @@ declare type BaseBannerProps = {
     children?: React.ReactNode;
 };
 
+declare interface BaseChipProps extends VariantProps<typeof chipVariants> {
+    /**
+     * The label of the chip
+     * */
+    label: string;
+    /**
+     * If defined, the chip will be clickable
+     * */
+    onClick?: () => void;
+    /**
+     * If defined, the close icon will be displayed and the chip will be clickable
+     * */
+    onClose?: () => void;
+}
+
 declare type BaseColor = keyof typeof baseColors;
 
 /**
@@ -564,6 +579,37 @@ declare interface CheckboxProps extends DataAttributes {
     name?: string;
 }
 
+declare type ChipProps = BaseChipProps & ChipVariants & {
+    variant?: "default" | "selected";
+};
+
+declare type ChipVariants = {
+    /**
+     * If defined, an avatar will be displayed in the chip
+     * */
+    avatar: AvatarVariant;
+    icon?: undefined;
+} | {
+    /**
+     * If defined, an icon will be displayed in the chip
+     * */
+    icon: IconType;
+    avatar?: undefined;
+} | {
+    avatar?: undefined;
+    icon?: undefined;
+};
+
+declare const chipVariants: (props?: ({
+    variant?: "default" | "selected" | undefined;
+} & ({
+    class?: ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: ClassValue;
+})) | undefined) => string;
+
 export declare type CompanyAvatarVariant = Extract<AvatarVariant, {
     type: "company";
 }>;
@@ -1090,6 +1136,14 @@ export declare const F0Checkbox: typeof _F0Checkbox;
 
 declare function _F0Checkbox({ title, onCheckedChange, id, disabled, indeterminate, checked, value, hideLabel, presentational, stopPropagation, name, ...rest }: CheckboxProps): JSX_2.Element;
 
+/**
+ * @experimental This is an experimental component use it at your own risk
+ */
+export declare const F0ChipList: {
+    ({ chips, max, remainingCount: initialRemainingCount, layout, }: Props): JSX_2.Element;
+    displayName: string;
+};
+
 export declare const F0Icon: ForwardRefExoticComponent<Omit<Omit<F0IconProps_2, "ref"> & RefAttributes<SVGSVGElement>, "ref"> & RefAttributes<HTMLElement | SVGElement>>;
 
 export declare interface F0IconProps extends SVGProps<SVGSVGElement>, VariantProps<typeof iconVariants> {
@@ -1637,6 +1691,29 @@ declare type PromoteAction = {
 };
 
 declare type Props = {
+    /**
+     * Array of chips to display.
+     */
+    chips: Array<ChipProps>;
+    /**
+     * The maximum number of chips to display.
+     * @default 4
+     */
+    max?: number;
+    /**
+     * The remaining number to display.
+     */
+    remainingCount?: number;
+    /**
+     * The layout of the chip list.
+     * - "fill" - Chips will expand to fill the available width, with overflow items shown in a counter
+     * - "compact" - Chips will be stacked together up to the max limit, with remaining shown in counter
+     * @default "compact"
+     */
+    layout?: "fill" | "compact";
+};
+
+declare type Props_2 = {
     count: number;
     list?: TagCounterItem[];
 };
@@ -1691,7 +1768,7 @@ export declare interface TagCompanyProps {
 }
 
 export declare const TagCounter: {
-    ({ count, list }: Props): JSX_2.Element;
+    ({ count, list }: Props_2): JSX_2.Element;
     displayName: string;
 };
 
@@ -2021,8 +2098,8 @@ declare global {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        liveCompanion: {
-            insertLiveCompanion: (data: LiveCompanionData, config?: LiveCompanionConfig) => ReturnType;
+        aiBlock: {
+            insertAIBlock: (data: AIBlockData, config: AIBlockConfigWithLabels) => ReturnType;
         };
     }
 }
@@ -2030,8 +2107,8 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        aiBlock: {
-            insertAIBlock: (data: AIBlockData, config: AIBlockConfigWithLabels) => ReturnType;
+        liveCompanion: {
+            insertLiveCompanion: (data: LiveCompanionData, config?: LiveCompanionConfig) => ReturnType;
         };
     }
 }
@@ -2046,6 +2123,11 @@ declare module "@tiptap/core" {
 }
 
 
+declare namespace Calendar {
+    var displayName: string;
+}
+
+
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         moodTracker: {
@@ -2053,8 +2135,3 @@ declare module "@tiptap/core" {
         };
     }
 }
-
-
-declare namespace Calendar {
-    var displayName: string;
-}